/* Style Dark Mode CSS - global dark mode + düello dark mode kuralları. */


body.dark .header {
    background-color: #142127;
    color: #6c757d;
}

body.dark .left-side-bar {
    background-color: #142127;
}

body.dark .sidebar-menu .dropdown-toggle, body.dark .sidebar-menu .submenu li a {
    color: #6c757d;
}

body.dark .card-box, body.dark .badge-primary, body.dark .page-header {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark .blog-pagination .current {
    background-color: #ffffffb0;
    color: #000000 !important;
}

body.dark .paginate_button.page-item a:hover {
    background-color: #6c757d !important;
    color: white !important;
}

body.dark .paginate_button.page-item.active a {
    background-color: #ffffffb0 !important;
    color: #000000 !important;
}

body.dark .paginate_button.page-item a {
    background-color: #1e2a31 !important;
    border-color: #ECF0F7 !important;
}

body.dark .nav-link.active {
    background-color: #1e2a31 !important;
    border-bottom: 2px solid #6c757d !important;
}

body.dark .nav-link:hover {
    border-bottom: 2px solid #6c757d !important;
}

body.dark .card-header {
    background-color: #1e2a31 !important;
    border-bottom: 1px solid #6c757d;
    color: #6c757d !important;
}
body.dark .rutbe-section-modern {
    background: linear-gradient(180deg, #172a33 0%, #121f27 100%) !important;
    border-bottom: 1px solid #6c757d;
    color: #6c757d !important;
}
body.dark .rutbe-section-modern .rutbe-card {
    background: linear-gradient(180deg, #172a33 0%, #121f27 100%) !important;
    border-bottom: 1px solid #6c757d;
    color: #6c757d !important;
}
body.dark .rutbe-section-modern .rank-name {
 
    color: #6c757d !important;
}

body.dark .main-container {
    background-color: #142127;
    color: #6c757d;
}

body.dark .badge-primary {
    background-color: #6c757d;
    color: #1e2a31;
}

body.dark .badge.bg-success {
    background-color: #28a74569 !important;
}

body.dark .badge.bg-warning {
    background-color: #ffc10799 !important;
}

body.dark .badge.bg-info {
    background-color: #17a2b8a8 !important;
}

body.dark .badge.bg-danger {
    background-color: #dc354580 !important;
}

body.dark .badge.bg-secondary {
    background-color: #6c757d75 !important;
}

body.dark .bg-white {
    background-color: #1e2a31 !important;
    color: #abacad !important;
}

body.dark .bg-secondary {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .bg-light {
    background-color: #1e2a31 !important;
    color: #6c757d;
}

body.dark .card {
    background-color: #1e2a31 !important;
    color: #6c757d;
}

body.dark ins, body.dark h4, body.dark h5, body.dark h3, body.dark p, body.dark .profile-info ul li span, body.dark .nav-tabs.customtab, body.dark h2, body.dark input, body.dark .swal2-modal, body.dark select, body.dark textarea {
    background-color: #1e2a31;
    color: #6c757d;
    border-color: #4b4d50;
}

body.dark .user-name {
    color: #6c757d !important;
}

body.dark .edit-avatar {
    background-color: #1e2a31;
}

body.dark .form-control:disabled {
    color: #ecf0f4;
    background-color: #6c757d;
    border-color: #4b4d50;
}

body.dark a, body.dark .btn-primary {
    color: #6c757d !important;
}

body.dark .table-hover tbody tr:hover {
    background-color: rgba(236, 240, 244, .19) !important;
    color: #fff !important;
}

body.dark .btn-outline-primary:hover {
    background-color: #6c757d !important;
    color: #1e2a31 !important;
}

body.dark .swal2-confirm:hover, body.dark .btn:hover {
    background-color: #6c757d !important;
    color: white !important;
}

body.dark .current {
    background-color: #1e2a31;
    color: #1e2a31 !important;
    text-decoration: underline;
}

body.dark a:hover {
    text-decoration: underline;
}

body.dark input:focus {
    border-color: #6c757d !important;
}

body.dark select:focus, body.dark .btn:active, body.dark .btn:focus {
    background-color: #6c757d !important;
    color: #1e2a31 !important;
    border-color: #6c757d !important;
}

body.dark .swal2-confirm {
    background-color: #6c757d !important;
    color: #141414 !important;
}

body.dark .btn, body.dark .dropdown-menu, body.dark .modal-content {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark .table {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark .mesaj-alani {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
}

body.dark .message-actions.visible {
    background-color: #6c757d !important;
}

body.dark .mesaj-alani:before {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
    border-right: 9px solid #6c757d !important;
}

body.dark .list-group-item, body.dark .latest-post ul li h4 a {
    background-color: #1e2a31;
    color: #6c757d;
}

body.dark ul li, body.dark .btn-outline-primary, body.dark .btn, body.dark .current {
    color: #6c757d;
    border-color: #ECF0F7;
}

body.dark .blog-list * {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .table th, body.dark .table td {
    border-color: #4b4d50;
}

body.dark .text-black, body.dark .text-body {
    color: #6c757d !important;
}

body.dark .faq-wrap .card-header .btn.collapsed {
    color: #6c757d !important;
}

body.dark .wizard>.steps a, .wizard>.steps a:active, .wizard>.steps a:hover {
    color: #e0e0e0 !important;
}

body.dark .select2-selection__rendered {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-selection__arrow {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-container {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-selection {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-results__option {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-search--dropdown {
    background-color: #1e2a31 !important;
    color: #6c757d !important;
}

body.dark .select2-results__option--highlighted[aria-selected] {
    background-color: #6b7073 !important;
    color: #f8fcff !important;
}

body.dark {
    background-color: #142127;
    background-color: #101b22 !important;
    color: #c8d3dc !important;
}

body.dark .main-container, body.dark .duello-page {
    background: radial-gradient(circle at top left, rgba(68, 168, 189, .10), transparent 34%),
		radial-gradient(circle at top right, rgba(245, 197, 66, .08), transparent 30%),
		linear-gradient(180deg, #101b22 0%, #132027 100%) !important;
    color: #c8d3dc !important;
}

body.dark .duello-chat-icon {
    background-color: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #8bd6e6 !important;
    box-shadow: inset 0 0 0 1px rgba(139, 214, 230, .08), 0 10px 24px rgba(0,0,0,.20) !important;
}

body.dark .chat-box, body.dark .chat-detail, body.dark .chat-desc {
    background-color: transparent !important;
    color: #c8d3dc !important;
}

body.dark .chat_text_area textarea, body.dark #duelloodasimesaj {
    background-color: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(139, 163, 176, .26) !important;
    color: #e6eef4 !important;
    border-radius: 16px !important;
}

body.dark .chat_text_area textarea::placeholder, body.dark #duelloodasimesaj::placeholder {
    color: #7f929e !important;
}

body.dark .chat_send .btn:hover {
    background-color: rgba(68, 168, 189, .22) !important;
    color: #f3fbff !important;
}

body.dark .duello-actions .btn {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(35, 48, 58, .98), rgba(25, 38, 47, .98)) !important;
    color: #dce8ef !important;
    border: 1px solid rgba(139, 163, 176, .23) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
    text-decoration: none !important;
}

body.dark .duello-actions .btn i {
    color: #8bd6e6 !important;
    transition: transform .25s ease, color .25s ease;
}

body.dark .duello-actions .duelloolusturbtn i {
    color: #9fe3c7 !important;
}

body.dark .duello-actions .tduelloolusturbtn i {
    color: #f1c96d !important;
}

body.dark .duello-actions .btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -70%;
    width: 46%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.16), transparent);
    transform: skewX(-18deg);
    transition: left .45s ease;
    pointer-events: none;
}

body.dark .duello-actions .btn:hover {
    background: linear-gradient(135deg, rgba(42, 61, 72, .98), rgba(27, 46, 56, .98)) !important;
    color: #ffffff !important;
    border-color: rgba(139, 214, 230, .38) !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(0,0,0,.34), 0 0 0 3px rgba(139,214,230,.06) !important;
}

body.dark .duello-actions .btn:hover::after {
    left: 125%;
}

body.dark .duello-actions .btn:hover i {
    transform: translateY(-1px) scale(1.08);
}

body.dark .card-boxduel {
    background: linear-gradient(180deg, rgba(24, 38, 47, .98), rgba(20, 31, 39, .98)) !important;
    border-color: rgba(123,151,166,.18) !important;
}

body.dark .card-boxduel > .card-header, body.dark #bireysel-card-container > .card-header, body.dark #toplu-card-container > .card-header {
    background: linear-gradient(135deg, rgba(31, 51, 61, .96), rgba(24, 39, 48, .98)) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    color: #f3fbff !important;
    border-radius: 18px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.20) !important;
}

body.dark .card-boxduel > .card-header span, body.dark #bireysel-card-container > .card-header span, body.dark #toplu-card-container > .card-header span {
    color: #f3fbff !important;
}

body.dark .card-boxduel .card-header .btn {
    background-color: rgba(255,255,255,.055) !important;
    color: #ffb4ad !important;
    border: 1px solid rgba(255,154,148,.26) !important;
    box-shadow: none !important;
}

body.dark .card-boxduel .card-header .btn:hover {
    background-color: rgba(255,154,148,.14) !important;
    color: #ffffff !important;
    border-color: rgba(255,154,148,.42) !important;
    transform: translateY(-1px);
}

body.dark .live-duel-badge {
    background-color: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

body.dark .card-side-panel {
    background-color: rgba(17, 28, 36, .98) !important;
    border-left: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: -16px 0 34px rgba(0,0,0,.28) !important;
}

body.dark .panel-header {
    background: linear-gradient(135deg, #162b35, #21343d) !important;
    color: #f3fbff !important;
    border-bottom: 1px solid rgba(123,151,166,.18) !important;
}

body.dark .panel-body, body.dark #devamedenbireyselduellolar, body.dark #devamedentopluduellolar {
    background-color: rgba(17, 28, 36, .98) !important;
    color: #aebfc9 !important;
}

body.dark .duel-card-grid, body.dark .duel-list-card {
    background-color: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.20) !important;
    color: #dce8ef !important;
}

body.dark .duel-card-grid:hover, body.dark .duel-list-card:hover {
    background-color: rgba(255,255,255,.065) !important;
    border-color: rgba(139,214,230,.28) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.30) !important;
}

body.dark .duel-name, body.dark .tduelloTitle, body.dark .duel-meta, body.dark .duel-preview {
    color: #dce8ef !important;
}

body.dark .duel-rank, body.dark .text-muted {
    color: #8fa2ad !important;
}

body.dark .dchip {
    background-color: rgba(255,255,255,.065) !important;
    color: #b9cbd5 !important;
    border: 1px solid rgba(123,151,166,.18) !important;
}

body.dark .duel-right .btn, body.dark .duel-list-card .btn-primary {
    background: linear-gradient(135deg, #244f5a, #1f3f4a) !important;
    color: #f3fbff !important;
    border: 1px solid rgba(139,214,230,.28) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duel-right .btn:hover, body.dark .duel-list-card .btn-primary:hover {
    background: linear-gradient(135deg, #2f6876, #244f5a) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

body.dark .duelloTabstab .nav-pills .nav-link {
    background-color: rgba(255,255,255,.045) !important;
    color: #9eb4c0 !important;
    border: 1px solid rgba(123,151,166,.16) !important;
}

body.dark .duelloTabstab .nav-pills .nav-link.active {
    background: linear-gradient(135deg, rgba(35, 93, 107, .52), rgba(31, 51, 61, .96)) !important;
    color: #f3fbff !important;
    border-color: rgba(139,214,230,.34) !important;
}

body.dark .row-g6 .card-box, body.dark .row.small-gutter-row .card-box {
    background: linear-gradient(180deg, rgba(24, 38, 47, .98), rgba(20, 31, 39, .98)) !important;
    border-color: rgba(123,151,166,.18) !important;
}

body.dark .toplistheader {
    background: linear-gradient(135deg, rgba(31, 51, 61, .96), rgba(24, 39, 48, .98)) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: inset 4px 0 0 rgba(139,214,230,.38) !important;
}

body.dark .toplistheader h6 {
    color: #f3fbff !important;
}

body.dark .card-box .list-group {
    background-color: rgba(255,255,255,.025) !important;
}

body.dark .card-box .list-group-item, body.dark .toplist {
    background-color: rgba(255,255,255,.052) !important;
    border: 1px solid rgba(123,151,166,.16) !important;
    color: #c8d3dc !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

body.dark .card-box .list-group-item:hover, body.dark .toplist:hover {
    background-color: rgba(255,255,255,.075) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.28) !important;
}

body.dark .card-box .font-14, body.dark .card-box .weight-600 {
    color: #e6eef4 !important;
}

body.dark .card-box .badge {
    background-color: rgba(139,214,230,.10) !important;
    color: #aee8f2 !important;
    border: 1px solid rgba(139,214,230,.22) !important;
}

body.dark .faq-wrap, body.dark .accordion-body, body.dark .duello-info-center {
    background-color: transparent !important;
    color: #c8d3dc !important;
}

body.dark .faq-wrap > .accordion-item > .card-header, body.dark .faq-wrap .card-header {
    background-color: transparent !important;
    border: 0 !important;
}

body.dark .faq-wrap > .accordion-item > .card-header > button, body.dark .faq-wrap .card-header button {
    background: linear-gradient(135deg, rgba(31, 51, 61, .96), rgba(24, 39, 48, .98)) !important;
    color: #f3fbff !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
    text-decoration: none !important;
}

body.dark .duello-info-hero, body.dark .duello-info-card, body.dark .duello-strategy-box, body.dark .duello-faq-modern, body.dark .duello-faq-modern .card, body.dark .duello-faq-modern .card-body {
    background-color: rgba(24, 38, 47, .96) !important;
    border-color: rgba(123,151,166,.18) !important;
    color: #c8d3dc !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
}

body.dark .duello-info-hero {
    background: linear-gradient(135deg, rgba(31, 61, 72, .68), rgba(24, 38, 47, .98)) !important;
}

body.dark .duello-info-badge, body.dark .duello-info-mini span {
    background-color: rgba(255,255,255,.065) !important;
    color: #aee8f2 !important;
    border: 1px solid rgba(139,214,230,.22) !important;
}

body.dark .duello-info-center h2, body.dark .duello-info-center h3, body.dark .duello-faq-modern h2 {
    color: #f3fbff !important;
}

body.dark .duello-info-center p, body.dark .duello-faq-subtitle, body.dark .duello-faq-modern .card-body {
    color: #b7c7d0 !important;
}

body.dark .duello-info-card-icon {
    background-color: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.22) !important;
}

body.dark .duello-info-cta, body.dark .duello-info-secondary-cta {
    background: linear-gradient(135deg, #244f5a, #1f3f4a) !important;
    color: #f3fbff !important;
    border: 1px solid rgba(139,214,230,.28) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.24) !important;
    text-decoration: none !important;
}

body.dark .duello-info-cta:hover, body.dark .duello-info-secondary-cta:hover {
    background: linear-gradient(135deg, #2f6876, #244f5a) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

body.dark .duello-faq-modern .card-header button {
    background-color: rgba(255,255,255,.045) !important;
    color: #e6eef4 !important;
    border: 1px solid rgba(123,151,166,.16) !important;
}

body.dark .duello-faq-modern .card-header button:hover, body.dark .duello-faq-modern .card-header button[aria-expanded="true"] {
    background-color: rgba(139,214,230,.105) !important;
    color: #ffffff !important;
    border-color: rgba(139,214,230,.28) !important;
}

body.dark .duello-page a:hover {
    text-decoration: none !important;
}

body.dark .main-container:has(.duello-page) {
    background: linear-gradient(180deg, #0f1d24 0%, #10212a 100%) !important;
}

body.dark .duello-page, body.dark .duello-page .duello-layout-row, body.dark .duello-page .duello-main-col, body.dark .duello-page .duellocardrow, body.dark .duello-page .tab-content {
    background: radial-gradient(circle at 12% 0%, rgba(68, 168, 189, .10), transparent 32%),
		radial-gradient(circle at 88% 6%, rgba(245, 197, 66, .075), transparent 28%),
		linear-gradient(180deg, #101b22 0%, #14232b 100%) !important;
    color: #c8d3dc !important;
}

body.dark .duello-page .duello-chat-header {
    background: linear-gradient(135deg, #17313b 0%, #1d4450 54%, #20323a 100%) !important;
    border-bottom: 1px solid rgba(117, 181, 195, .25) !important;
    color: #f3fbff !important;
}

body.dark .duello-page .duello-chat-title-wrap strong, body.dark .duello-page .duello-chat-header strong {
    color: #f3fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-chat-title-wrap small, body.dark .duello-page .duello-chat-header small {
    color: #9eb4c0 !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-chat-icon {
    background-color: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #8bd6e6 !important;
}

body.dark .duello-page .chat-footer {
    background-color: #101b22 !important;
    border-top: 1px solid rgba(123,151,166,.20) !important;
}

body.dark .duello-page .chat_text_area, body.dark .duello-page .chat_send, body.dark .duello-page .chat-reply-box {
    background-color: transparent !important;
}

body.dark .duello-page .chat_text_area textarea::placeholder, body.dark .duello-page #duelloodasimesaj::placeholder {
    color: #7f929e !important;
}

body.dark .duello-page .duello-actions .btn, body.dark .duello-page .duello-actions .btn-primary, body.dark .duello-page .duello-actions .btn-success, body.dark .duello-page .duello-actions .btn-dark {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(35, 48, 58, .98), rgba(25, 38, 47, .98)) !important;
    color: #dce8ef !important;
    border: 1px solid rgba(139, 163, 176, .23) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.22) !important;
    text-decoration: none !important;
}

body.dark .duello-page .duello-actions .btn i {
    color: #8bd6e6 !important;
    transition: transform .25s ease, color .25s ease;
}

body.dark .duello-page .duello-actions .duelloolusturbtn i {
    color: #9fe3c7 !important;
}

body.dark .duello-page .duello-actions .tduelloolusturbtn i {
    color: #f1c96d !important;
}

body.dark .duello-page .duello-actions .btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -72%;
    width: 46%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.16), transparent);
    transform: skewX(-18deg);
    transition: left .45s ease;
    pointer-events: none;
}

body.dark .duello-page .duello-actions .btn:hover {
    background: linear-gradient(135deg, rgba(42, 61, 72, .98), rgba(27, 46, 56, .98)) !important;
    color: #ffffff !important;
    border-color: rgba(139, 214, 230, .38) !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(0,0,0,.34), 0 0 0 3px rgba(139,214,230,.06) !important;
}

body.dark .duello-page .duello-actions .btn:hover::after {
    left: 125%;
}

body.dark .duello-page .duello-actions .btn:hover i {
    transform: translateY(-1px) scale(1.08);
}

body.dark .duello-page .card-boxduel > .card-header, body.dark .duello-page #bireysel-card-container > .card-header, body.dark .duello-page #toplu-card-container > .card-header {
    background: linear-gradient(135deg, rgba(31, 51, 61, .96), rgba(24, 39, 48, .98)) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    color: #f3fbff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 10px 24px rgba(0,0,0,.20) !important;
}

body.dark .duello-page .card-boxduel > .card-header span, body.dark .duello-page #bireysel-card-container > .card-header span, body.dark .duello-page #toplu-card-container > .card-header span {
    color: #f3fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .card-boxduel .card-header .btn, body.dark .duello-page #bireysel-card-container > .card-header .btn, body.dark .duello-page #toplu-card-container > .card-header .btn {
    background-color: rgba(255,255,255,.055) !important;
    color: #ffb4ad !important;
    border: 1px solid rgba(255,154,148,.26) !important;
    box-shadow: none !important;
}

body.dark .duello-page .card-boxduel .card-header .btn:hover {
    background-color: rgba(255,154,148,.14) !important;
    color: #ffffff !important;
    border-color: rgba(255,154,148,.42) !important;
}

body.dark .duello-page .live-duel-badge {
    background-color: rgba(255,255,255,.10) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

body.dark .duello-page .card-side-panel {
    background-color: #111c24 !important;
    border-left: 1px solid rgba(123,151,166,.20) !important;
    box-shadow: -16px 0 34px rgba(0,0,0,.30) !important;
}

body.dark .duello-page .panel-header {
    background: linear-gradient(135deg, #162b35, #21343d) !important;
    color: #f3fbff !important;
    border-bottom: 1px solid rgba(123,151,166,.20) !important;
}

body.dark .duello-page .panel-header span, body.dark .duello-page .panel-header i {
    color: #f3fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .duel-card-grid, body.dark .duello-page .duel-list-card {
    background-color: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.20) !important;
    color: #dce8ef !important;
}

body.dark .duello-page .duel-card-grid:hover, body.dark .duello-page .duel-list-card:hover {
    background-color: rgba(255,255,255,.065) !important;
    border-color: rgba(139,214,230,.28) !important;
}

body.dark .duello-page .duel-name, body.dark .duello-page .tduelloTitle, body.dark .duello-page .duel-meta, body.dark .duello-page .duel-preview {
    color: #dce8ef !important;
    background-color: transparent !important;
}

body.dark .duello-page .duel-rank, body.dark .duello-page .text-muted {
    color: #8fa2ad !important;
    background-color: transparent !important;
}

body.dark .duello-page .dchip {
    background-color: rgba(255,255,255,.065) !important;
    color: #b9cbd5 !important;
    border: 1px solid rgba(123,151,166,.18) !important;
}

body.dark .duello-page .duel-right .btn, body.dark .duello-page .duel-list-card .btn-primary {
    background: linear-gradient(135deg, #244f5a, #1f3f4a) !important;
    color: #f3fbff !important;
    border: 1px solid rgba(139,214,230,.28) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duello-page .duel-right .btn:hover, body.dark .duello-page .duel-list-card .btn-primary:hover {
    background: linear-gradient(135deg, #2f6876, #244f5a) !important;
    color: #ffffff !important;
}

body.dark .duello-page .toplistheader {
    background: linear-gradient(135deg, rgba(31, 51, 61, .96), rgba(24, 39, 48, .98)) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    box-shadow: inset 5px 0 0 rgba(139,214,230,.38), 0 8px 18px rgba(0,0,0,.20) !important;
}

body.dark .duello-page .card-box .list-group-item, body.dark .duello-page .card-boxduel .list-group-item, body.dark .duello-page .toplist, body.dark .duello-page .list-group-item.toplist {
    background-color: rgba(255,255,255,.052) !important;
    border: 1px solid rgba(123,151,166,.18) !important;
    color: #c8d3dc !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

body.dark .duello-page .card-box .list-group-item:hover, body.dark .duello-page .toplist:hover {
    background-color: rgba(255,255,255,.075) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.28) !important;
}

body.dark .duello-page .card-box .font-14, body.dark .duello-page .card-box .weight-600, body.dark .duello-page .toplist .txt div {
    color: #e6eef4 !important;
    background-color: transparent !important;
}

body.dark .duello-page .card-box .badge, body.dark .duello-page .toplist .badge {
    background-color: rgba(139,214,230,.10) !important;
    color: #aee8f2 !important;
    border: 1px solid rgba(139,214,230,.22) !important;
}

body.dark .duello-page .faq-wrap, body.dark .duello-page .faq-wrap .accordion-item, body.dark .duello-page .faq-wrap .card-header {
    background-color: transparent !important;
    border-color: rgba(123,151,166,.18) !important;
}

body.dark .duello-page .duello-info-center h1, body.dark .duello-page .duello-info-center h2, body.dark .duello-page .duello-info-center h3, body.dark .duello-page .duello-info-center h4, body.dark .duello-page .duello-faq-modern h2, body.dark .duello-page .duello-faq-modern h3, body.dark .duello-page h1, body.dark .duello-page h2, body.dark .duello-page h3, body.dark .duello-page h4, body.dark .duello-page h5, body.dark .duello-page h6, body.dark .duello-page strong {
    color: #f3fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-info-center p, body.dark .duello-page .duello-faq-subtitle, body.dark .duello-page .duello-faq-modern .card-body, body.dark .duello-page p, body.dark .duello-page small {
    color: #b7c7d0 !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-info-card-icon, body.dark .duello-page .duello-faq-modern .card-header button i {
    background-color: rgba(255,255,255,.075) !important;
    color: #aee8f2 !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

body.dark .duello-page .duello-info-cta:hover, body.dark .duello-page .duello-info-secondary-cta:hover {
    background: linear-gradient(135deg, #2f6876, #244f5a) !important;
    color: #ffffff !important;
}

body.dark .duello-page .duello-faq-modern .card-header button:hover, body.dark .duello-page .duello-faq-modern .card-header button[aria-expanded="true"] {
    background-color: rgba(139,214,230,.105) !important;
    color: #ffffff !important;
    border-color: rgba(139,214,230,.28) !important;
}

body.dark .duello-page a, body.dark .duello-page a:hover {
    text-decoration: none !important;
}

body.dark .duello-page .btn-primary, body.dark .duello-page .btn-success, body.dark .duello-page .btn-dark, body.dark .duello-page .btn-danger, body.dark .duello-page .btn-outline-danger {
    text-decoration: none !important;
    color: inherit;
}

body.dark .duello-page img {
    border-color: rgba(255,255,255,.14);
}

body.dark, body.dark .main-container, body.dark .duello-page {
    background: radial-gradient(circle at 0% 0%, rgba(47, 126, 145, .14), transparent 34%),
                radial-gradient(circle at 100% 0%, rgba(245, 197, 66, .08), transparent 30%),
                linear-gradient(180deg, #0f1b22 0%, #122129 100%) !important;
    color: #d5e0e8 !important;
}

body.dark .duello-page h1, body.dark .duello-page h2, body.dark .duello-page h3, body.dark .duello-page h4, body.dark .duello-page h5, body.dark .duello-page h6, body.dark .duello-page p, body.dark .duello-page small, body.dark .duello-page strong, body.dark .duello-page label, body.dark .duello-page .font-14, body.dark .duello-page .weight-600, body.dark .duello-page .card-title, body.dark .duello-page .txt, body.dark .duello-page .txt div {
    background-color: transparent !important;
}

body.dark .duello-page h1, body.dark .duello-page h2, body.dark .duello-page h3, body.dark .duello-page h4, body.dark .duello-page h5, body.dark .duello-page h6, body.dark .duello-page strong, body.dark .duello-page .card-title {
    color: #f4f9fc !important;
}

body.dark .duello-page p, body.dark .duello-page small, body.dark .duello-page .text-muted {
    color: #9fb1bd !important;
}

body.dark .duello-chat-card {
    background: linear-gradient(180deg, #172a33 0%, #111f27 100%) !important;
    border: 1px solid rgba(129, 160, 175, .20) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .36) !important;
    overflow: hidden !important;
}

body.dark .duello-chat-header {
    background: linear-gradient(135deg, #1f4855 0%, #1a3742 55%, #172c35 100%) !important;
    border-bottom: 1px solid rgba(139, 214, 230, .23) !important;
    color: #f4f9fc !important;
}

body.dark .duello-chat-title-wrap strong {
    color: #f4f9fc !important;
}

body.dark .duello-chat-title-wrap small {
    color: #b4c6d0 !important;
}

body.dark .duello-chat-icon, body.dark .duello-chat-toggle {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    color: #b8edf5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.24) !important;
}

body.dark .chat-desc {
    background: linear-gradient(180deg, rgba(16, 29, 36, .98), rgba(13, 25, 31, .98)) !important;
}

body.dark #sohbet li, body.dark #sohbet .mesaj-alani, body.dark #sohbet .message, body.dark #sohbet .chat-message, body.dark #sohbet .message-box, body.dark #sohbet .msg, body.dark #sohbet .msg-content, body.dark .chat-desc .mesaj-alani, body.dark .chat-desc .message, body.dark .chat-desc .chat-message {
    background-color: transparent !important;
    color: #d7e3ea !important;
}

body.dark #sohbet .mesaj-alani, body.dark #sohbet .message-content, body.dark #sohbet .chat-bubble, body.dark #sohbet .bubble, body.dark .chat-desc .mesaj-alani {
    background: linear-gradient(180deg, #1b2d36, #15252d) !important;
    color: #d7e3ea !important;
    border: 1px solid rgba(139, 214, 230, .17) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
}

body.dark #sohbet .own-message, body.dark #sohbet .my-message, body.dark #sohbet .me, body.dark #sohbet .admin-message, body.dark #sohbet .yonetici-message, body.dark #sohbet .self-message, body.dark .chat-desc .own-message, body.dark .chat-desc .my-message {
    background: linear-gradient(180deg, #25333a, #1b2b33) !important;
    color: #dce8ef !important;
    border-color: rgba(255, 154, 148, .24) !important;
}

body.dark #sohbet li *, body.dark .chat-desc * {
    color: inherit;
}

body.dark #sohbet .message-time, body.dark #sohbet .time, body.dark #sohbet small {
    color: #93a7b3 !important;
    background-color: transparent !important;
}

body.dark #sohbet .reply-box, body.dark #sohbet blockquote, body.dark .chat-desc blockquote, body.dark .chat-reply-box {
    background-color: rgba(255,255,255,.055) !important;
    border-left: 3px solid rgba(139, 214, 230, .45) !important;
    color: #c4d2dc !important;
}

body.dark .message-actions, body.dark .message-actions.visible {
    background-color: rgba(98, 116, 128, .82) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.26) !important;
}

body.dark .chat-footer {
    background-color: #102029 !important;
    border-top: 1px solid rgba(129,160,175,.22) !important;
}

body.dark #duelloodasimesaj, body.dark .chat_text_area textarea {
    background-color: #182a33 !important;
    color: #e3edf3 !important;
    border: 1px solid rgba(139, 214, 230, .20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body.dark #duelloodasimesaj::placeholder, body.dark .chat_text_area textarea::placeholder {
    color: #8da1ad !important;
}

body.dark .chat_send .btn {
    background: linear-gradient(135deg, #ffbd4a, #ff854e) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 12px 24px rgba(255, 132, 78, .28) !important;
}

body.dark .row.small-gutter-row .card-box, body.dark .duello-page .card-box:has(.toplistheader), body.dark .duello-page .card-box:has(.list-group .toplist) {
    background: linear-gradient(180deg, #172a33 0%, #121f27 100%) !important;
    border: 1px solid rgba(129, 160, 175, .20) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
    border-radius: 24px !important;
}

body.dark .duello-page .toplistheader, body.dark .duello-page .card-box:has(.toplistheader) .toplistheader {
    background: linear-gradient(135deg, #203842, #172a33) !important;
    border: 1px solid rgba(139, 214, 230, .22) !important;
    box-shadow: inset 5px 0 0 rgba(86, 202, 225, .70), 0 10px 22px rgba(0,0,0,.18) !important;
}

body.dark .row.small-gutter-row > [class*="col-"]:nth-child(2) .toplistheader, body.dark .row.small-gutter-row > [class*="col-"]:nth-child(2) .card-box:has(.toplistheader) .toplistheader {
    border-color: rgba(255, 154, 148, .24) !important;
    box-shadow: inset 5px 0 0 rgba(255, 130, 130, .72), 0 10px 22px rgba(0,0,0,.18) !important;
}

body.dark .row.small-gutter-row > [class*="col-"]:nth-child(3) .toplistheader, body.dark .row.small-gutter-row > [class*="col-"]:nth-child(3) .card-box:has(.toplistheader) .toplistheader {
    border-color: rgba(245, 197, 66, .27) !important;
    box-shadow: inset 5px 0 0 rgba(245, 197, 66, .76), 0 10px 22px rgba(0,0,0,.18) !important;
}

body.dark .duello-page .toplistheader h6, body.dark .duello-page .toplistheader .card-title {
    color: #f4f9fc !important;
    background-color: transparent !important;
}

body.dark .duello-page .card-box .list-group, body.dark .duello-page .card-box:has(.list-group .toplist) .list-group {
    background-color: rgba(255,255,255,.025) !important;
    border-radius: 19px !important;
}

body.dark .duello-page .list-group-item.toplist, body.dark .duello-page .toplist.list-group-item, body.dark .duello-page .card-box .list-group-item.toplist {
    background: linear-gradient(180deg, #1b2d36, #15252d) !important;
    border: 1px solid rgba(129,160,175,.18) !important;
    color: #dce8ef !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

body.dark .duello-page .list-group-item.toplist:hover, body.dark .duello-page .toplist.list-group-item:hover {
    background: linear-gradient(180deg, #203842, #192b34) !important;
    border-color: rgba(139, 214, 230, .28) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.30) !important;
}

body.dark .duello-page .list-group-item.toplist:nth-child(1) {
    background: linear-gradient(135deg, rgba(85, 68, 28, .62), #172832) !important;
    border-left: 5px solid #f4c84e !important;
}

body.dark .duello-page .list-group-item.toplist:nth-child(2) {
    background: linear-gradient(135deg, rgba(80, 91, 101, .52), #172832) !important;
    border-left: 5px solid #b8c4cf !important;
}

body.dark .duello-page .list-group-item.toplist:nth-child(3) {
    background: linear-gradient(135deg, rgba(103, 65, 31, .52), #172832) !important;
    border-left: 5px solid #d99448 !important;
}

body.dark .duello-page .toplist .font-14, body.dark .duello-page .toplist .weight-600, body.dark .duello-page .toplist .txt div {
    color: #edf6fa !important;
    background-color: transparent !important;
}

body.dark .duello-page .toplist .badge {
    background-color: rgba(139, 214, 230, .12) !important;
    color: #b7eef7 !important;
    border: 1px solid rgba(139, 214, 230, .24) !important;
}

body.dark .duello-page .toplist .cta img, body.dark .duello-page .card-box .cta img {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duello-page .faq-wrap .accordion-item {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.dark .duello-page .faq-wrap > .accordion-item > .card-header, body.dark .duello-page .faq-wrap .card-header {
    background-color: transparent !important;
    border: 0 !important;
}

body.dark .duello-page .faq-wrap > .accordion-item > .card-header > button, body.dark .duello-page .faq-wrap .card-header button {
    text-decoration: none !important;
    background: linear-gradient(135deg, #203842, #172a33) !important;
    color: #f4f9fc !important;
    border: 1px solid rgba(139, 214, 230, .20) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.26) !important;
}

body.dark .duello-page .duello-info-center, body.dark .duello-page .duello-info-hero, body.dark .duello-page .duello-info-grid, body.dark .duello-page .duello-strategy-box, body.dark .duello-page .duello-faq-modern {
    background-color: transparent !important;
    color: #d5e0e8 !important;
}

body.dark .duello-page .duello-info-hero {
    background: radial-gradient(circle at 90% 0%, rgba(245,197,66,.10), transparent 28%),
                linear-gradient(135deg, #18313a 0%, #142730 100%) !important;
    border: 1px solid rgba(139, 214, 230, .20) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
}

body.dark .duello-page .duello-info-card, body.dark .duello-page .duello-faq-modern .card, body.dark .duello-page .duello-faq-modern .card-body {
    background: linear-gradient(180deg, #1b2d36, #15252d) !important;
    border: 1px solid rgba(129,160,175,.18) !important;
    color: #d5e0e8 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.24) !important;
}

body.dark .duello-page .duello-info-content, body.dark .duello-page .duello-info-content *, body.dark .duello-page .duello-info-card *, body.dark .duello-page .duello-strategy-box *, body.dark .duello-page .duello-faq-modern * {
    background-color: transparent !important;
}

body.dark .duello-page .duello-info-center h2, body.dark .duello-page .duello-info-center h3, body.dark .duello-page .duello-info-card h3, body.dark .duello-page .duello-faq-modern h2 {
    color: #f4f9fc !important;
}

body.dark .duello-page .duello-info-center p, body.dark .duello-page .duello-info-card p, body.dark .duello-page .duello-faq-subtitle, body.dark .duello-page .duello-faq-modern .card-body {
    color: #b8c8d2 !important;
}

body.dark .duello-page .duello-info-badge, body.dark .duello-page .duello-info-mini span {
    background-color: rgba(255,255,255,.07) !important;
    color: #b7eef7 !important;
    border: 1px solid rgba(139,214,230,.24) !important;
}

body.dark .duello-page .duello-info-card-icon {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(139,214,230,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duello-page .duello-info-cta, body.dark .duello-page .duello-info-secondary-cta {
    text-decoration: none !important;
    background: linear-gradient(135deg, #ffbd4a, #ff854e) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 12px 24px rgba(255,132,78,.24) !important;
}

body.dark .duello-page .duello-faq-modern .card-header, body.dark .duello-page .duello-faq-modern .card-header button {
    background-color: transparent !important;
}

body.dark .duello-page .duello-faq-modern .card-header button {
    background-color: rgba(255,255,255,.045) !important;
    color: #e8f2f7 !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.dark .duello-page .bg-white, body.dark .duello-page .bg-light {
    background-color: #172a33 !important;
    color: #d5e0e8 !important;
}

body.dark .duello-page .text-black, body.dark .duello-page .text-body {
    color: #d5e0e8 !important;
}

body.dark .duello-page hr {
    border-color: rgba(129,160,175,.20) !important;
}

body.dark .duello-page ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark .duello-page ::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.04);
}

body.dark .duello-page ::-webkit-scrollbar-thumb {
    background-color: rgba(139,214,230,.24);
    border-radius: 999px;
}

body.dark .duello-page ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(139,214,230,.34);
}

body.dark .card-box:has(.toplistheader), body.dark .card-box:has(.toplist), body.dark .card-boxduel:has(.toplistheader), body.dark .card-boxduel:has(.toplist), body.dark #dailyBestCarousel .card-body, body.dark #dailyBestCarousel .card-header {
    background: linear-gradient(180deg,#172a33 0%,#122029 100%) !important;
    color: #e7f1f7 !important;
    border-color: rgba(129,160,175,.20) !important;
}

body.dark .toplistheader, body.dark .toplistheader h6 {
    background-color: transparent !important;
    color: #f2f8fc !important;
}

body.dark .card-box .list-group-item, body.dark .card-boxduel .list-group-item, body.dark .toplist, body.dark .toplist.list-group-item {
    background-color: #1b2d36 !important;
    color: #dce8ef !important;
    border-color: rgba(129,160,175,.18) !important;
}

body.dark .toplist .badge {
    background-color: #243b46 !important;
    color: #cfe8f2 !important;
    border-color: #33515f !important;
}

body.dark .hiztest-info-wrapper, body.dark .hiztest-info-hero, body.dark .duello-info-hero, body.dark .duello-info-card, body.dark .duello-faq-modern, body.dark .hiztest-content-section, body.dark .hiztest-two-column {
    background: linear-gradient(180deg,#172a33 0%,#122029 100%) !important;
    color: #dce8ef !important;
    border-color: rgba(129,160,175,.18) !important;
}

body.dark .hiztest-info-wrapper h2, body.dark .hiztest-info-wrapper h3, body.dark .duello-info-hero h2, body.dark .duello-info-card h3, body.dark .duello-faq-modern h2 {
    color: #f5fbff !important;
}

body.dark .hiztest-info-wrapper p, body.dark .duello-info-hero p, body.dark .duello-info-card p, body.dark .duello-faq-modern .card-body {
    color: #bfd0da !important;
}

body.dark .duello-page, body.dark .duello-page * {
    border-color: rgba(132, 164, 181, .20);
}

body.dark .duello-page, body.dark .main-container:has(.duello-page) {
    background: radial-gradient(circle at top left, rgba(59, 151, 176, .10), transparent 32%),
        radial-gradient(circle at top right, rgba(240, 190, 82, .07), transparent 30%),
        linear-gradient(180deg, #0f1d24 0%, #10212a 100%) !important;
    color: #d7e5ed !important;
}

body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4 > .card-box, body.dark .duello-page .card-box:has(.toplistheader), body.dark .duello-page .card-box:has(.list-group .toplist), body.dark .duello-page .card-boxduel:has(.toplistheader), body.dark .duello-page .card-boxduel:has(.list-group .toplist), body.dark .duello-page .duello-toplist, body.dark .duello-page .toplist-card, body.dark .duello-page #duelloToplist {
    background: linear-gradient(180deg, #142832 0%, #10212a 100%) !important;
    border: 1px solid rgba(132,164,181,.20) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.30) !important;
    color: #d7e5ed !important;
}

body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4:nth-child(1) > .card-box, body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4:nth-child(2) > .card-box, body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4:nth-child(3) > .card-box, body.dark .duello-page .row > [class*="col-"]:nth-child(1) > .card-box:has(.toplistheader), body.dark .duello-page .row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader), body.dark .duello-page .row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader) {
    background: linear-gradient(180deg, #142832 0%, #10212a 100%) !important;
}

body.dark .duello-page .toplistheader, body.dark .duello-page .card-box:has(.toplistheader) .toplistheader, body.dark .duello-page .card-boxduel:has(.toplistheader) .toplistheader, body.dark .duello-page .row > [class*="col-"]:nth-child(1) > .card-box:has(.toplistheader) .toplistheader, body.dark .duello-page .row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader) .toplistheader, body.dark .duello-page .row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader) .toplistheader {
    background: linear-gradient(135deg, #1b3440, #152b35) !important;
    border: 1px solid rgba(132,164,181,.20) !important;
    box-shadow: inset 5px 0 0 rgba(94, 199, 220, .55), 0 8px 18px rgba(0,0,0,.18) !important;
    color: #f2f9fc !important;
}

body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4:nth-child(2) .toplistheader {
    box-shadow: inset 5px 0 0 rgba(235, 135, 130, .62), 0 8px 18px rgba(0,0,0,.18) !important;
}

body.dark .duello-page .row.small-gutter-row > .col-12.col-md-4:nth-child(3) .toplistheader {
    box-shadow: inset 5px 0 0 rgba(242, 196, 80, .68), 0 8px 18px rgba(0,0,0,.18) !important;
}

body.dark .duello-page .toplistheader h6, body.dark .duello-page .toplistheader .card-title, body.dark .duello-page .card-box:has(.toplistheader) .toplistheader h6, body.dark .duello-page .card-boxduel:has(.toplistheader) .toplistheader h6 {
    color: #f4fbff !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

body.dark .duello-page .card-box .list-group, body.dark .duello-page .card-boxduel .list-group, body.dark .duello-page .card-box:has(.list-group .toplist) .list-group, body.dark .duello-page .card-boxduel:has(.list-group .toplist) .list-group {
    background-color: rgba(6, 18, 24, .28) !important;
    border: 1px solid rgba(132,164,181,.10) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist, body.dark .duello-page .card-boxduel .list-group-item.toplist, body.dark .duello-page .card-box .toplist.list-group-item, body.dark .duello-page .card-boxduel .toplist.list-group-item, body.dark .duello-page .card-box .list-group-item, body.dark .duello-page .toplist {
    background: linear-gradient(135deg, #1a323d 0%, #142933 100%) !important;
    border: 1px solid rgba(132,164,181,.18) !important;
    color: #dceaf1 !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist:nth-child(1), body.dark .duello-page .card-box .list-group-item.toplist:nth-child(2), body.dark .duello-page .card-box .list-group-item.toplist:nth-child(3), body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(1), body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(2), body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(3) {
    background: linear-gradient(135deg, #1a323d 0%, #142933 100%) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist:hover, body.dark .duello-page .card-boxduel .list-group-item.toplist:hover, body.dark .duello-page .toplist:hover {
    background: linear-gradient(135deg, #203b47 0%, #17313c 100%) !important;
    box-shadow: 0 16px 30px rgba(0,0,0,.32) !important;
}

body.dark .duello-page .card-box .toplist .font-14, body.dark .duello-page .card-box .toplist .weight-600, body.dark .duello-page .card-boxduel .toplist .font-14, body.dark .duello-page .card-boxduel .toplist .weight-600, body.dark .duello-page .card-box .toplist .txt div, body.dark .duello-page .card-boxduel .toplist .txt div, body.dark .duello-page .toplist .txt, body.dark .duello-page .toplist .txt div {
    color: #f2f8fc !important;
    background-color: transparent !important;
    opacity: 1 !important;
}

body.dark .duello-page .card-box .toplist .badge, body.dark .duello-page .card-boxduel .toplist .badge, body.dark .duello-page .card-box .badge {
    background-color: rgba(112, 190, 212, .13) !important;
    color: #bcebf5 !important;
    border: 1px solid rgba(112,190,212,.28) !important;
    box-shadow: none !important;
}

body.dark .duello-page .card-box .toplist .cta img, body.dark .duello-page .card-boxduel .toplist .cta img {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

body.dark .duello-page .duello-chat-card #sohbet li, body.dark .duello-page #sohbet li, body.dark .duello-page .mesaj-alani, body.dark .duello-page .chat-message, body.dark .duello-page .message-item {
    background: linear-gradient(135deg, #1a323d 0%, #132832 100%) !important;
    color: #dceaf1 !important;
    border-color: rgba(132,164,181,.18) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.24) !important;
}

body.dark .duello-page #sohbet li *, body.dark .duello-page .mesaj-alani * {
    color: inherit;
}

body.dark .duello-page .chat-footer, body.dark .duello-page .duello-chat-card .chat-footer {
    background-color: #10212a !important;
    border-top: 1px solid rgba(132,164,181,.18) !important;
}

body.dark .duello-page .chat_text_area textarea, body.dark .duello-page #duelloodasimesaj {
    border-radius: 16px !important;
    background-color: #172d37 !important;
    color: #e7f2f8 !important;
    border: 1px solid rgba(132,164,181,.24) !important;
}

body.dark .duello-page .faq-wrap, body.dark .duello-page .faq-wrap .accordion-item, body.dark .duello-page .accordion-body, body.dark .duello-page .duello-info-center, body.dark .duello-page .duello-info-hero, body.dark .duello-page .duello-info-grid, body.dark .duello-page .duello-info-card, body.dark .duello-page .duello-strategy-box, body.dark .duello-page .duello-faq-modern, body.dark .duello-page .duello-faq-modern .card, body.dark .duello-page .duello-faq-modern .card-body {
    background: linear-gradient(180deg, #142832 0%, #10212a 100%) !important;
    color: #d7e5ed !important;
    border-color: rgba(132,164,181,.20) !important;
}

body.dark .duello-page .faq-wrap > .accordion-item > .card-header button, body.dark .duello-page .faq-wrap .card-header button, body.dark .duello-page .duello-faq-modern .card-header button {
    background: linear-gradient(135deg, #1b3440, #152b35) !important;
    color: #f4fbff !important;
    border-color: rgba(132,164,181,.20) !important;
}

body.dark .duello-page .duello-info-center h2, body.dark .duello-page .duello-info-center h3, body.dark .duello-page .duello-faq-modern h2, body.dark .duello-page .duello-info-hero h2, body.dark .duello-page .duello-info-card h3 {
    color: #f4fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-info-center p, body.dark .duello-page .duello-faq-modern p, body.dark .duello-page .duello-faq-modern .card-body, body.dark .duello-page .duello-info-card p, body.dark .duello-page .duello-info-hero p {
    color: #b8ccd6 !important;
    background-color: transparent !important;
}

body.dark .duello-page .duello-info-badge, body.dark .duello-page .duello-info-mini span, body.dark .duello-page .duello-info-card-icon {
    background-color: rgba(255,255,255,.08) !important;
    color: #c8edf6 !important;
    border: 1px solid rgba(132,164,181,.20) !important;
}

body.dark .duello-page .duello-info-visual {
    box-shadow: 0 14px 30px rgba(0,0,0,.28) !important;
    background-color: #0f1d24 !important;
    border-color: rgba(255,255,255,.12) !important;
}

@media (max-width: 768px) {
    body.dark .duello-actions .btn {
        box-shadow: 0 7px 16px rgba(0,0,0,.22) !important;
    }

    body.dark .card-side-panel {
        width: 88% !important;
    }

    body.dark .duello-info-hero, body.dark .duello-info-card, body.dark .duello-strategy-box, body.dark .duello-faq-modern {
        border-radius: 18px !important;
    }

    body.dark .duello-page .card-side-panel {
        width: 88% !important;
    }

    body.dark .duello-page .duello-info-hero, body.dark .duello-page .duello-info-card, body.dark .duello-page .duello-strategy-box, body.dark .duello-page .duello-faq-modern {
        border-radius: 18px !important;
    }
}

/* =========================================================
   DUELLO DARK MODE CLEAN FIX
   Rütbeler + üst istatistik kartları
   Not: Bu blok normal CSS önceliğiyle çalışacak şekilde düzenlenmiştir.
   ========================================================= */

/* Üst istatistik alanı dış kapsayıcı */
body.dark .duello-page .duello-topbar,
body.dark .duello-page .duello-topbar-inner,
body.dark .duello-page .duello-stats,
body.dark .duello-page .stats-row,
body.dark .duello-page .stat-row {
    background: linear-gradient(180deg, #10212a 0%, #0e1c24 100%);
    background-color: #10212a;
    border-color: rgba(129, 160, 175, .20);
    color: #d7e5ed;
}

/* Aktif Klavyeşör / Aktif Düello / Günün En İyisi kartları */
body.dark .duello-page .stat-pill,
body.dark .duello-page .stat-card,
body.dark .duello-page .duello-stat-card,
body.dark .duello-page .top-stat-card {
    background: linear-gradient(135deg, #182f39 0%, #132832 100%);
    background-color: #132832;
    border: 1px solid rgba(129, 170, 188, .24);
    box-shadow:
        0 12px 26px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .05);
    color: #e8f3f8;
}

/* Kart içindeki gereksiz açık arka planları temizle */
body.dark .duello-page .stat-pill *,
body.dark .duello-page .stat-card *,
body.dark .duello-page .duello-stat-card *,
body.dark .duello-page .top-stat-card * {
    background-color: transparent;
}

/* Stat başlıkları */
body.dark .duello-page .stat-title,
body.dark .duello-page .stat-label,
body.dark .duello-page .stat-pill small,
body.dark .duello-page .stat-card small,
body.dark .duello-page .duello-stat-card small {
    color: #9fb7c4;
    background-color: transparent;
}

/* Stat değerleri */
body.dark .duello-page .stat-value,
body.dark .duello-page .stat-name,
body.dark .duello-page .stat-pill strong,
body.dark .duello-page .stat-card strong,
body.dark .duello-page .duello-stat-card strong {
    color: #f5fbff;
    background-color: transparent;
    text-shadow: 0 1px 12px rgba(139, 214, 230, .10);
}

/* Stat ikon kutuları */
body.dark .duello-page .stat-icon,
body.dark .duello-page .stat-avatar,
body.dark .duello-page .stat-pill .icon,
body.dark .duello-page .stat-card .icon,
body.dark .duello-page .duello-stat-card .icon {
    background-color: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 10px 24px rgba(0, 0, 0, .26);
}

/* Stat renk varyasyonları */
body.dark .duello-page .stat-pill.stat-cyan {
    background: linear-gradient(135deg, rgba(35, 93, 107, .58), #132832 100%);
    border-color: rgba(97, 197, 218, .32);
}

body.dark .duello-page .stat-pill.stat-red {
    background: linear-gradient(135deg, rgba(100, 51, 54, .52), #132832 100%);
    border-color: rgba(255, 154, 148, .30);
}

body.dark .duello-page .stat-pill.stat-gold {
    background: linear-gradient(135deg, rgba(106, 83, 32, .54), #132832 100%);
    border-color: rgba(245, 197, 66, .34);
}

/* Rütbeler dış alanı: beyaz zemini kaldırır */
body.dark .duello-page .rutbe-section-modern,
body.dark .duello-page .rutbe-section,
body.dark .duello-page .rutbe-alani,
body.dark .duello-page .rank-section,
body.dark .duello-page .rutbe-container,
body.dark .duello-page .rutbe-wrapper,
body.dark .duello-page .rutbe-scroll-container,
body.dark .duello-page .card-box:has(.rutbe-section-modern),
body.dark .duello-page .card-box:has(.rutbe-wrapper),
body.dark .duello-page .card-box:has(.rutbe-scroll-container),
body.dark .duello-page .card-box:has(.rutbe-card),
body.dark .duello-page .card-box:has(.rank-badge-wrapper) {
    background:
        radial-gradient(circle at top right, rgba(86, 202, 225, .08), transparent 30%),
        linear-gradient(180deg, #172a33 0%, #121f27 100%);
    background-color: #121f27;
    border: 1px solid rgba(129, 160, 175, .20);
    border-radius: 24px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
    color: #d7e5ed;
}

/* Rütbe alanı iç metinleri */
body.dark .duello-page .rutbe-section-modern h1,
body.dark .duello-page .rutbe-section-modern h2,
body.dark .duello-page .rutbe-section-modern h3,
body.dark .duello-page .rutbe-section-modern h4,
body.dark .duello-page .rutbe-section-modern h5,
body.dark .duello-page .rutbe-section-modern h6,
body.dark .duello-page .rutbe-section-modern p,
body.dark .duello-page .rutbe-section-modern span,
body.dark .duello-page .rutbe-section-modern strong,
body.dark .duello-page .rutbe-section-modern small,
body.dark .duello-page .rutbe-section-modern .rutbe-section-title,
body.dark .duello-page .rutbe-section-modern .rutbe-section-subtitle {
    background-color: transparent;
}

body.dark .duello-page .rutbe-section-modern h1,
body.dark .duello-page .rutbe-section-modern h2,
body.dark .duello-page .rutbe-section-modern h3,
body.dark .duello-page .rutbe-section-modern h4,
body.dark .duello-page .rutbe-section-modern h5,
body.dark .duello-page .rutbe-section-modern h6,
body.dark .duello-page .rutbe-section-modern strong,
body.dark .duello-page .rutbe-section-modern .rutbe-section-title {
    color: #f5fbff;
}

body.dark .duello-page .rutbe-section-modern p,
body.dark .duello-page .rutbe-section-modern small,
body.dark .duello-page .rutbe-section-modern .rutbe-section-subtitle {
    color: #b8cbd5;
}

/* Rütbe kartları */
body.dark .duello-page .rutbe-section-modern .rutbe-card,
body.dark .duello-page .rutbe-section-modern .rank-card,
body.dark .duello-page .rutbe-card,
body.dark .duello-page .rank-card {
    background: linear-gradient(180deg, #182d36 0%, #102029 100%);
    background-color: #102029;
    border: 1px solid rgba(129, 160, 175, .22);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .28);
    color: #e7f2f8;
}

body.dark .duello-page .rutbe-section-modern .rutbe-card:hover,
body.dark .duello-page .rutbe-section-modern .rank-card:hover,
body.dark .duello-page .rutbe-card:hover,
body.dark .duello-page .rank-card:hover {
    background: linear-gradient(180deg, #203842 0%, #182b34 100%);
    border-color: rgba(139, 214, 230, .30);
}

/* Rütbe kartı içindeki yazılar */
body.dark .duello-page .rutbe-section-modern .rank-name,
body.dark .duello-page .rutbe-card .rank-name {
    color: #f5fbff;
    background-color: transparent;
}

body.dark .duello-page .rutbe-section-modern .rank-points,
body.dark .duello-page .rutbe-card .rank-points {
    color: #bfd0da;
    background-color: rgba(255, 255, 255, .08);
}

/* === DUELLO WHITE AREAS FINAL FIX - START === */
/*
   Bu alan özellikle duello sayfasındaki iki açık/beyaz kalan bölümü hedefler:
   1) Üst istatistik kartları
   2) Rütbeler dış beyaz paneli

   Not: Mevcut dosyada aynı alanları ezen çok sayıda !important kural bulunduğu için
   bu son override bloğunda yalnızca bu iki sorunlu alan için !important kullanılmıştır.
*/

/* Üst istatistik alanının dış zemini */
body.dark .duello-page .duello-topbar,
body.dark .duello-page .duello-topbar .card-body,
body.dark .duello-page .duello-topbar-inner,
body.dark .duello-page .duello-stats,
body.dark .duello-page .stats-row,
body.dark .duello-page .stat-row {
    background-color: #0f2028 !important;
    background-color: #0f2028 !important;
    border-color: rgba(129, 160, 175, .22) !important;
    color: #d7e5ed !important;
}

/* Üstteki açık kalan 3 kart */
body.dark .duello-page .stat-pill,
body.dark .duello-page .stat-pill.stat-cyan,
body.dark .duello-page .stat-pill.stat-red,
body.dark .duello-page .stat-pill.stat-gold,
body.dark .duello-page .stat-card,
body.dark .duello-page .duello-stat-card,
body.dark .duello-page .top-stat-card,
body.dark .duello-page [class*="stat-pill"],
body.dark .duello-page [class*="stat-card"] {
    background: linear-gradient(135deg, #18323d 0%, #10232c 100%) !important;
    background-color: #10232c !important;
    border: 1px solid rgba(129, 170, 188, .26) !important;
    box-shadow:
        0 12px 26px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    color: #e8f3f8 !important;
}

/* Üst kart içindeki yazı/ikon arka planlarını temizle */
body.dark .duello-page .stat-pill *,
body.dark .duello-page .stat-card *,
body.dark .duello-page .duello-stat-card *,
body.dark .duello-page .top-stat-card *,
body.dark .duello-page [class*="stat-pill"] *,
body.dark .duello-page [class*="stat-card"] * {
    background-color: transparent !important;
}

body.dark .duello-page .stat-title,
body.dark .duello-page .stat-label,
body.dark .duello-page .stat-pill small,
body.dark .duello-page .stat-card small,
body.dark .duello-page .duello-stat-card small,
body.dark .duello-page [class*="stat-pill"] small,
body.dark .duello-page [class*="stat-card"] small {
    color: #9fb7c4 !important;
    background-color: transparent !important;
}

body.dark .duello-page .stat-value,
body.dark .duello-page .stat-name,
body.dark .duello-page .stat-pill strong,
body.dark .duello-page .stat-card strong,
body.dark .duello-page .duello-stat-card strong,
body.dark .duello-page [class*="stat-pill"] strong,
body.dark .duello-page [class*="stat-card"] strong {
    color: #f5fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .stat-icon,
body.dark .duello-page .stat-avatar,
body.dark .duello-page .stat-pill .icon,
body.dark .duello-page .stat-card .icon,
body.dark .duello-page .duello-stat-card .icon,
body.dark .duello-page [class*="stat-pill"] .icon,
body.dark .duello-page [class*="stat-card"] .icon {
    background-color: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 10px 24px rgba(0, 0, 0, .26) !important;
}

/* Rütbeler bölümünün açık/beyaz dış paneli */
body.dark .duello-page .rutbe-section-modern,
body.dark .duello-page .rutbe-section,
body.dark .duello-page .rutbe-alani,
body.dark .duello-page .rank-section,
body.dark .duello-page .rutbe-container,
body.dark .duello-page .rutbe-wrapper,
body.dark .duello-page .rutbe-scroll-container,
body.dark .duello-page .card-box:has(.rutbe-section-modern),
body.dark .duello-page .card-box:has(.rutbe-wrapper),
body.dark .duello-page .card-box:has(.rutbe-scroll-container),
body.dark .duello-page .card-box:has(.rutbe-card),
body.dark .duello-page .card-box:has(.rank-badge-wrapper),
body.dark .duello-page [class*="rutbe-section"],
body.dark .duello-page [class*="rutbe-container"],
body.dark .duello-page [class*="rank-section"] {
    background:
        radial-gradient(circle at top right, rgba(86, 202, 225, .08), transparent 30%),
        linear-gradient(180deg, #172a33 0%, #121f27 100%) !important;
    background-color: #121f27 !important;
    border: 1px solid rgba(129, 160, 175, .22) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34) !important;
    color: #d7e5ed !important;
}

/* Rütbe bölümünde başlık ve açıklama arka planını beyazdan kurtar */
body.dark .duello-page .rutbe-section-modern *,
body.dark .duello-page .rutbe-section *,
body.dark .duello-page .rutbe-alani *,
body.dark .duello-page .rank-section *,
body.dark .duello-page .rutbe-container *,
body.dark .duello-page .rutbe-wrapper *,
body.dark .duello-page .rutbe-scroll-container *,
body.dark .duello-page [class*="rutbe-section"] *,
body.dark .duello-page [class*="rutbe-container"] *,
body.dark .duello-page [class*="rank-section"] * {
    background-color: transparent !important;
}

body.dark .duello-page .rutbe-section-modern h1,
body.dark .duello-page .rutbe-section-modern h2,
body.dark .duello-page .rutbe-section-modern h3,
body.dark .duello-page .rutbe-section-modern h4,
body.dark .duello-page .rutbe-section-modern h5,
body.dark .duello-page .rutbe-section-modern h6,
body.dark .duello-page .rutbe-section-modern strong,
body.dark .duello-page .rutbe-section-title {
    color: #f5fbff !important;
}

body.dark .duello-page .rutbe-section-modern p,
body.dark .duello-page .rutbe-section-modern small,
body.dark .duello-page .rutbe-section-subtitle {
    color: #b8cbd5 !important;
}

/* Rütbe kartları */
body.dark .duello-page .rutbe-card,
body.dark .duello-page .rank-card,
body.dark .duello-page .rutbe-section-modern .rutbe-card,
body.dark .duello-page .rutbe-section-modern .rank-card {
    background: linear-gradient(180deg, #182d36 0%, #102029 100%) !important;
    background-color: #102029 !important;
    border: 1px solid rgba(129, 160, 175, .22) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .28) !important;
    color: #e7f2f8 !important;
}

body.dark .duello-page .rutbe-card:hover,
body.dark .duello-page .rank-card:hover,
body.dark .duello-page .rutbe-section-modern .rutbe-card:hover,
body.dark .duello-page .rutbe-section-modern .rank-card:hover {
    background: linear-gradient(180deg, #203842 0%, #182b34 100%) !important;
    border-color: rgba(139, 214, 230, .30) !important;
}

body.dark .duello-page .rank-name,
body.dark .duello-page .rutbe-card .rank-name {
    color: #f5fbff !important;
    background-color: transparent !important;
}

body.dark .duello-page .rank-points,
body.dark .duello-page .rutbe-card .rank-points {
    color: #bfd0da !important;
    background-color: rgba(255, 255, 255, .08) !important;
}
/* === DUELLO WHITE AREAS FINAL FIX - END === */


/* =========================================================
   DUELLO DARK MODE - AŞAMA 1 SON DÜZELTME BLOĞU
   FAQ, canlı düello kartları, aktif üyeler, sohbet ifade alanı,
   rütbe puanları, toplist kupaları ve sıralama okunurluğu
   ========================================================= */

/* 1) Sıkça sorulan sorular / akordion beyaz arka plan düzeltmesi */
body.dark .duello-page .faq-wrap,
body.dark .duello-page .faq-wrap .card,
body.dark .duello-page .faq-wrap .accordion-item,
body.dark .duello-page .faq-wrap .collapse,
body.dark .duello-page .faq-wrap .collapsing,
body.dark .duello-page .faq-wrap .card-body,
body.dark .duello-page .faq-wrap .accordion-body,
body.dark .duello-page .duello-faq-modern,
body.dark .duello-page .duello-faq-modern .card,
body.dark .duello-page .duello-faq-modern .card-body,
body.dark .duello-page .duello-faq-modern .collapse,
body.dark .duello-page .duello-faq-modern .collapsing {
    background: linear-gradient(180deg, #142832 0%, #10212a 100%) !important;
    color: #d7e5ed !important;
    border-color: rgba(132, 164, 181, .20) !important;
}

body.dark .duello-page .faq-wrap .card-header,
body.dark .duello-page .duello-faq-modern .card-header {
    background-color: transparent !important;
    border-color: rgba(132, 164, 181, .18) !important;
}

body.dark .duello-page .faq-wrap .card-header button,
body.dark .duello-page .faq-wrap .card-header .btn,
body.dark .duello-page .duello-faq-modern .card-header button,
body.dark .duello-page .duello-faq-modern .card-header .btn {
    background: linear-gradient(135deg, #1b3440 0%, #152b35 100%) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(132, 164, 181, .22) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
    text-decoration: none !important;
}

body.dark .duello-page .faq-wrap .card-header button[aria-expanded="true"],
body.dark .duello-page .duello-faq-modern .card-header button[aria-expanded="true"] {
    background: linear-gradient(135deg, rgba(45, 96, 110, .92) 0%, #18313b 100%) !important;
    border-color: rgba(139, 214, 230, .32) !important;
}

/* 2) Bireysel canlı / toplu canlı kartlarını aynı tona çek */
body.dark .duello-page #bireysel-card-container,
body.dark .duello-page #toplu-card-container,
body.dark .duello-page #bireysel-card-container.card-boxduel,
body.dark .duello-page #toplu-card-container.card-boxduel {
    background: linear-gradient(180deg, #142832 0%, #10212a 100%) !important;
    border: 1px solid rgba(132, 164, 181, .20) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .30) !important;
    color: #d7e5ed !important;
}

body.dark .duello-page #bireysel-card-container > .card-header,
body.dark .duello-page #toplu-card-container > .card-header {
    background: linear-gradient(135deg, #1b3440 0%, #152b35 100%) !important;
    border: 1px solid rgba(132, 164, 181, .22) !important;
    color: #f4fbff !important;
    box-shadow: inset 5px 0 0 rgba(94, 199, 220, .55), 0 8px 18px rgba(0, 0, 0, .18) !important;
}

body.dark .duello-page #bireysel-card-container .card-body,
body.dark .duello-page #toplu-card-container .card-body,
body.dark .duello-page #devamedenbireyselduellolar,
body.dark .duello-page #devamedentopluduellolar {
    background-color: rgba(6, 18, 24, .24) !important;
    color: #d7e5ed !important;
}

/* 3) Tepedeki gece modu aktif üyeler / online üyeler alanı */
body.dark .duello-page .duello-active-users,
body.dark .duello-page .active-users,
body.dark .duello-page .aktif-uyeler,
body.dark .duello-page .online-users,
body.dark .duello-page .online-user-list,
body.dark .duello-page .online-members,
body.dark .duello-page [class*="aktif-uye"],
body.dark .duello-page [class*="active-user"],
body.dark .duello-page [class*="online-user"] {
    background: linear-gradient(135deg, rgba(27, 52, 64, .96) 0%, rgba(18, 35, 44, .96) 100%) !important;
    color: #dceaf1 !important;
    border: 1px solid rgba(132, 164, 181, .20) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .24) !important;
}

body.dark .duello-page .duello-active-users *,
body.dark .duello-page .active-users *,
body.dark .duello-page .aktif-uyeler *,
body.dark .duello-page .online-users *,
body.dark .duello-page .online-user-list *,
body.dark .duello-page .online-members * {
    background-color: transparent !important;
}

/* 4) Sohbette ifade bırak / reaksiyon menüsü */
body.dark .duello-page .message-actions,
body.dark .duello-page .message-actions.visible,
body.dark .duello-page .reaction-menu,
body.dark .duello-page .emoji-picker,
body.dark .duello-page .emoji-panel,
body.dark .duello-page .ifade-birak,
body.dark .duello-page [class*="reaction"],
body.dark .duello-page [class*="emoji"],
body.dark .duello-page [class*="ifade"] {
    background: linear-gradient(180deg, #1b3440 0%, #142832 100%) !important;
    color: #e7f2f8 !important;
    border: 1px solid rgba(132, 164, 181, .24) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .32) !important;
}

body.dark .duello-page .message-actions button,
body.dark .duello-page .reaction-menu button,
body.dark .duello-page .emoji-picker button,
body.dark .duello-page .ifade-birak button {
    background-color: rgba(255, 255, 255, .06) !important;
    color: #f4fbff !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
}

body.dark .duello-page .message-actions button:hover,
body.dark .duello-page .reaction-menu button:hover,
body.dark .duello-page .emoji-picker button:hover,
body.dark .duello-page .ifade-birak button:hover {
    background-color: rgba(139, 214, 230, .16) !important;
    color: #ffffff !important;
}

/* 5) Sohbet kullanıcı adı rütbe etiketleri: VIP / Yönetici vb. okunurluk */
body.dark .duello-page .chat-user-rank,
body.dark .duello-page .user-rank,
body.dark .duello-page .rank-label,
body.dark .duello-page .vip-badge,
body.dark .duello-page .admin-badge,
body.dark .duello-page .yonetici-badge,
body.dark .duello-page [class*="vip"],
body.dark .duello-page [class*="VIP"],
body.dark .duello-page [class*="admin"],
body.dark .duello-page [class*="yonetici"] {
    background-color: rgba(255, 255, 255, .08) !important;
    color: #f6d98c !important;
    border: 1px solid rgba(246, 217, 140, .24) !important;
    text-shadow: none !important;
}

body.dark .duello-page .admin-badge,
body.dark .duello-page .yonetici-badge,
body.dark .duello-page [class*="admin"],
body.dark .duello-page [class*="yonetici"] {
    color: #ffb8b2 !important;
    border-color: rgba(255, 184, 178, .28) !important;
}

/* 6) Toplist kupalarını softlaştır */
body.dark .duello-page .toplist .cta img,
body.dark .duello-page .toplist img,
body.dark .duello-page .trophy,
body.dark .duello-page .kupa,
body.dark .duello-page [class*="trophy"],
body.dark .duello-page [class*="kupa"] {
    background-color: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .20) !important;
    filter: saturate(.78) brightness(.94) contrast(.96);
    opacity: .92;
}

/* 7) Sıralamalarda alt satırlara da üsttekine yakın tonlama */
body.dark .duello-page .card-box .list-group-item.toplist,
body.dark .duello-page .card-boxduel .list-group-item.toplist,
body.dark .duello-page .toplist.list-group-item,
body.dark .duello-page .toplist {
    background:
        radial-gradient(circle at 0% 0%, rgba(94, 199, 220, .10), transparent 32%),
        linear-gradient(135deg, #1a323d 0%, #142933 100%) !important;
    border: 1px solid rgba(132, 164, 181, .20) !important;
    color: #e1edf4 !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .24) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist:nth-child(1),
body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(1) {
    background:
        radial-gradient(circle at 0% 0%, rgba(244, 200, 78, .18), transparent 34%),
        linear-gradient(135deg, #24383e 0%, #142933 100%) !important;
    border-left: 5px solid rgba(244, 200, 78, .72) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist:nth-child(2),
body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(2) {
    background:
        radial-gradient(circle at 0% 0%, rgba(184, 196, 207, .14), transparent 34%),
        linear-gradient(135deg, #223640 0%, #142933 100%) !important;
    border-left: 5px solid rgba(184, 196, 207, .68) !important;
}

body.dark .duello-page .card-box .list-group-item.toplist:nth-child(3),
body.dark .duello-page .card-boxduel .list-group-item.toplist:nth-child(3) {
    background:
        radial-gradient(circle at 0% 0%, rgba(217, 148, 72, .16), transparent 34%),
        linear-gradient(135deg, #25343a 0%, #142933 100%) !important;
    border-left: 5px solid rgba(217, 148, 72, .70) !important;
}

body.dark .duello-page .toplist .badge,
body.dark .duello-page .toplist .score,
body.dark .duello-page .toplist .puan,
body.dark .duello-page .toplist [class*="puan"],
body.dark .duello-page .toplist [class*="score"] {
    background-color: rgba(139, 214, 230, .14) !important;
    color: #d8f7ff !important;
    border: 1px solid rgba(139, 214, 230, .30) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

/* 8) Rütbe puan kutuları */
body.dark .duello-page .rank-points,
body.dark .duello-page .rutbe-card .rank-points,
body.dark .duello-page .rutbe-card .puan,
body.dark .duello-page .rank-card .rank-points,
body.dark .duello-page .rank-card .puan,
body.dark .duello-page [class*="rank-point"],
body.dark .duello-page [class*="rutbe-puan"] {
    background-color: rgba(139, 214, 230, .12) !important;
    color: #d8f7ff !important;
    border: 1px solid rgba(139, 214, 230, .26) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    font-weight: 700 !important;
}

/* =========================================================================
   GECE MODU — KABUK VE ORTAK BİLEŞENLER (2026-07-29, kullanıcı bildirimi)
   =========================================================================
   NEDEN BU BLOK: sol sidebar, header ve bazı ortak kartlar gece modunda beyaz
   kalıyordu. Sebep, bu bileşenlerin sonradan KENDİ <style> bloklarıyla
   (views/partials/left-sidebar.ejs gibi) yeniden tasarlanması: o bloklar
   belgede bu dosyadan SONRA geldiği için eşit özgüllükte kazanıyor, üstelik
   çoğu yerde `!important` kullanıyor.

   Bu yüzden buradaki seçiciler bilinçli olarak DAHA ÖZGÜL (`body.dark` öneki +
   bileşenin kendi seçicisi) ve gerektiğinde `!important` taşıyor.

   Palet, dosyanın geri kalanıyla aynı: zemin #101b22 / #142127, kart #1a2a33,
   çizgi #22343f, metin #c8d3dc, sönük metin #8ba1b0.
   ========================================================================= */

/* ---------------- SOL SIDEBAR (ko-sidebar) ---------------- */

body.dark .left-side-bar.ko-sidebar {
    /* Bileşen kendi renk değişkenleriyle çalışıyor: önce onları çeviriyoruz,
       böylece alt kuralların çoğu kendiliğinden koyulaşıyor. */
    --ko-side-text: #c8d3dc;
    --ko-side-muted: #8ba1b0;
    --ko-side-line: #22343f;
    --ko-side-soft: #16242c;
    --edu-text: #c8d3dc;
    --edu-muted: #8ba1b0;
    --edu-sky: #16242c;

    background:
        radial-gradient(circle at 100% 0, rgba(50, 164, 186, .10), transparent 24%),
        #142127 !important;
    border-right: 1px solid #22343f !important;
    box-shadow: 8px 0 24px rgba(0, 0, 0, .35) !important;
}

body.dark .ko-sidebar .brand-logo {
    background-color: #101b22 !important;
    border-bottom: 2px solid #22343f !important;
}

body.dark .ko-sidebar-user-card {
    background: linear-gradient(180deg, #1a2a33, #16242c) !important;
    border: 1px solid #22343f !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .28) !important;
}

body.dark .ko-sidebar-user-card .ko-user-shortcuts a {
    background-color: #1a2a33;
    border-color: #2a3f4c;
    color: #a9bcc8;
}

body.dark .ko-sidebar-user-card .ko-user-shortcuts a:hover {
    background-color: #22343f;
    border-color: #34505f;
    color: #7fd3e6;
}

/* Bölüm başlıkları: renkli olanlar (oyun/eğitim/topluluk) zaten koyu ve
   okunur; yalnız nötr olan "hesap" başlığı ile ikon kutuları çeviriliyor. */
body.dark .ko-sidebar-section-title i {
    background-color: #22343f !important;
    box-shadow: none;
}
body.dark .ko-sidebar-section.is-account .ko-sidebar-section-title {
    background-color: #1a2a33 !important;
    color: #c8d3dc !important;
}
body.dark .ko-sidebar-section.is-account .ko-sidebar-section-title i {
    background-color: #22343f !important;
}

body.dark .ko-sidebar-list a {
    color: #c8d3dc !important;
}
body.dark .ko-sidebar-list a:hover {
    background-color: #1d2f39;
    border-color: #2a3f4c;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .3);
}
body.dark .ko-sidebar-list a.active,
body.dark .ko-sidebar-list li.active > a {
    background-color: #1d3540;
    border-color: #2f5665;
}
body.dark .ko-sidebar-list .micon {
    background-color: #22343f;
    color: #9fd8e6;
}

body.dark .ko-sidebar-rank,
body.dark .ko-sidebar-context,
body.dark .ko-sidebar .ko-keyboard-warning {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #a9bcc8;
}

/* Klavye uyarı kartı: sarı alert gece modunda göz alıyordu. */
body.dark .ko-sidebar .ko-keyboard-warning .alert,
body.dark .alert.alert-warning {
    background-color: #2a2416 !important;
    border-color: #4a3d1c !important;
    color: #e6cf94 !important;
}
body.dark .alert.alert-warning strong,
body.dark .alert.alert-warning b {
    color: #f2dda6 !important;
}

/* VIP tanıtım kutusu sidebar'da kendi gradyanını taşıyor; yalnız içindeki
   beyaz düğme ve sönük yazı çeviriliyor. */
body.dark .ko-sidebar .vip-center-cta {
    background-color: #0f1b21;
    color: #7fd3e6;
}
body.dark .vip-center-subtitle {
    color: #cbe6ef !important;
}

/* ---------------- HEADER ---------------- */

body.dark .header {
    background-color: rgba(16, 27, 34, .94) !important;
    border-bottom-color: #22343f !important;
}
body.dark .header .gece-modu-pill,
body.dark .gece-modu-pill {
    background-color: #1a2a33 !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}

/* ---------------- ORTAK BİLEŞENLER ---------------- */

/* Tablo başlıkları açık gri kalıyordu. */
body.dark table th,
body.dark .table th {
    background-color: #1a2a33 !important;
    color: #c8d3dc !important;
    border-color: #22343f !important;
}
body.dark table td,
body.dark .table td {
    border-color: #22343f !important;
}

/* Outline düğmeler: koyu zeminde koyu yazı okunmuyordu. */
body.dark .btn-outline-primary,
body.dark label.btn-outline-primary {
    color: #7fd3e6 !important;
    border-color: #2f5665 !important;
}
body.dark .btn-outline-primary:hover,
body.dark label.btn-outline-primary.active {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
}

/* Profil rozetleri (pastel çipler) — açık zeminde açık yazı. */
body.dark .ko-social-chips span,
body.dark span.record,
body.dark span.keyboard,
body.dark span.rank {
    background-color: #22343f !important;
    color: #c8d3dc !important;
    border-color: #2a3f4c !important;
}

/* ---------------- SIDEBAR: SADE MENÜ BLOĞU ---------------- */
/* Sidebar'ın ikinci tasarım katmanı (ko-simple-*) koyu lacivert metin
   kullanıyordu; koyu zeminde okunmuyordu (kontrast 1.77). */
body.dark .ko-simple-menu-title {
    color: #8ba1b0 !important;
}
body.dark .ko-simple-divider {
    background-color: #22343f !important;
}
body.dark .ko-simple-menu li > a,
body.dark .ko-simple-menu a {
    color: #c8d3dc !important;
}
body.dark .ko-simple-menu a:hover {
    background-color: #1d2f39 !important;
    color: #9fd8e6 !important;
}

/* ---------------- FORM ÖĞELERİ ---------------- */
/* Beyaz kalan input/select/textarea'lar gece modunda en çok göze batanlardı. */
body.dark .form-control,
body.dark .custom-select,
body.dark select,
body.dark input[type="text"],
body.dark input[type="email"],
body.dark input[type="password"],
body.dark input[type="search"],
body.dark input[type="number"],
body.dark textarea {
    background-color: #16242c !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}
body.dark .form-control::placeholder,
body.dark textarea::placeholder {
    color: #6f8593 !important;
}
body.dark .form-control:focus,
body.dark .custom-select:focus {
    background-color: #1a2a33 !important;
    border-color: #3d7f96 !important;
    box-shadow: 0 0 0 3px rgba(61, 127, 150, .2) !important;
}
body.dark .input-group-text {
    background-color: #1a2a33 !important;
    border-color: #2a3f4c !important;
    color: #a9bcc8 !important;
}
/* Select2 (site genelinde kullanılıyor) */
body.dark .select2-container--default .select2-selection--single,
body.dark .select2-container--default .select2-selection--multiple,
body.dark .select2-dropdown,
body.dark .select2-search__field {
    background-color: #16242c !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c8d3dc !important;
}
body.dark .select2-results__option--highlighted {
    background-color: #1d3540 !important;
}

/* ---------------- BAŞLIK VE METİN ---------------- */
/* Sayfaların kendi tasarımlarında koyu lacivert başlıklar var; koyu zeminde
   kayboluyorlardı. Kart/başlık zeminleri koyulaştıkça bunlar da açılmalı. */
body.dark .main-container h1,
body.dark .main-container h2,
body.dark .main-container h3,
body.dark .main-container h4,
body.dark .main-container h5,
body.dark .main-container h6,
body.dark .card-box h1, body.dark .card-box h2, body.dark .card-box h3,
body.dark .card-box h4, body.dark .card-box h5, body.dark .card-box h6 {
    color: #dbe6ee;
}
body.dark .main-container p,
body.dark .card-box p {
    color: #a9bcc8;
}
body.dark .text-muted {
    color: #8ba1b0 !important;
}
body.dark .text-dark,
body.dark .text-primary {
    color: #9fd8e6 !important;
}
body.dark a {
    color: #7fd3e6;
}

/* ---------------- BEYAZ KALAN GENEL KARTLAR ---------------- */
/* Yeni sayfa tasarımları (ko-*, kc-*) kendi beyaz kartlarını kuruyor.
   Aşağıdakiler taramada en çok yer kaplayan bloklar. */
body.dark .ko-shell,
body.dark .ko-window,
body.dark .ko-main-card,
body.dark .ko-mock-window,
body.dark .ko-class-row,
body.dark .ko-preview-card,
body.dark .ko-start-strip,
body.dark .ko-product-preview,
body.dark .ko-ad,
body.dark .ko-ad-inner,
body.dark .ko-social-card,
body.dark .kc-guide-card,
body.dark .kc-hero-side,
body.dark .kc-choice-card,
body.dark .kc-panel,
body.dark .kc-guide-accordion,
body.dark .login-header,
body.dark .login-box,
body.dark .accordion,
body.dark .card {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .kc-settings-btn,
body.dark .ko-preview-card,
body.dark .accordion .card-header {
    background-color: #1a2a33 !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .kc-choice-title,
body.dark .ko-preview-card h3,
body.dark .ko-preview-card h4 {
    color: #dbe6ee !important;
}
body.dark .ko-teacher-screen {
    background-color: rgba(255, 255, 255, .04) !important;
}

/* Bootstrap modal ve dropdown'lar (her sayfada kullanılıyor) */
body.dark .modal-content,
body.dark .dropdown-menu {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .modal-header,
body.dark .modal-footer {
    border-color: #22343f !important;
}
body.dark .dropdown-item {
    color: #c8d3dc !important;
}
body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
}
body.dark .close {
    color: #c8d3dc !important;
    text-shadow: none !important;
}

/* ---------------- GEÇİŞ SIRASINDA ANİMASYONLARI DURDUR ----------------
   Gece modu açılıp kapanırken sayfa "kasıyordu": tema sınıfı body'ye eklenince
   yüzlerce öğede renk/gölge geçişi (bazı dosyalarda `transition: all`) aynı anda
   tetikleniyor ve tarayıcı her karede yeniden boyuyor. Anahtar çevrilirken bu
   sınıf kısa süre ekleniyor; geçişler kapalıyken tema anında değişiyor. */
body.tema-degisiyor,
body.tema-degisiyor *,
body.tema-degisiyor *::before,
body.tema-degisiyor *::after {
    transition: none !important;
    animation: none !important;
}

/* ---------------- SAYFA GÖVDESİ VE PROFİL/AYAR KARTLARI ---------------- */
/* `.bg-body` site genelinde açık gri zemin (#ecf0f4) veriyor; sekmeli
   sayfalarda (profilim) tüm içerik alanı bunun üstünde duruyordu. */
body.dark .bg-body {
    background-color: #101b22 !important;
    color: #c8d3dc !important;
}

body.dark .ko-settings-intro,
body.dark .ko-settings-card,
body.dark .ko-settings-card-head,
body.dark .ko-social-card,
body.dark .ko-social-gallery-card,
body.dark .ko-profile-preview-info,
body.dark .ko-public-share-profile,
body.dark .ko-public-share-stats {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-settings-card h2,
body.dark .ko-settings-card h3,
body.dark .ko-settings-card label,
body.dark .ko-social-card h2,
body.dark .ko-social-card h3 {
    color: #dbe6ee !important;
}

/* ---------------- KLAVYE ÇALIŞMA SAYFALARI (kc-*) ---------------- */
/* klavye-calismasi, kelime-calismasi, kendi-metninde-yaz, klavye-sinav aynı
   tasarım dilini paylaşıyor: beyaz kartlar + koyu lacivert metin. */
body.dark .kc-hero,
body.dark .kc-hero-side,
body.dark .kc-hero-feature,
body.dark .kc-hero-feature-panel,
body.dark .kc-panel,
body.dark .kc-card,
body.dark .kc-section,
body.dark .kc-guide,
body.dark .kc-guide-card,
body.dark .kc-choice-card,
body.dark .kc-settings-btn,
body.dark .kc-visual-badge,
body.dark .kc-eyebrow,
body.dark .kc-monitor,
body.dark .kc-stage {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .kc-hero h1,
body.dark .kc-hero h2,
body.dark .kc-hero p,
body.dark .kc-title,
body.dark .kc-choice-title,
body.dark .kc-guide-card h3,
body.dark .kc-section-title {
    color: #dbe6ee !important;
}
body.dark .kc-eyebrow,
body.dark .kc-visual-badge {
    color: #9fd8e6 !important;
}
body.dark .kc-hero-feature strong,
body.dark .kc-guide-card strong {
    color: #cbe6ef !important;
}

/* Sayfaların kendi `!important`'lı beyaz select'leri (ör. sınav modu seçimi) */
body.dark select.custom-select,
body.dark select.sinavmodusecinmi,
body.dark #anaGrup,
body.dark #metinGrup,
body.dark #sinavmodusecinmi {
    background-color: #16242c !important;
    color: #c8d3dc !important;
    border-color: #2a3f4c !important;
}

/* ---------------- TANITIM BÖLÜMLERİ (ko-ad-*, ana sayfa) ---------------- */
body.dark .ko-ad,
body.dark .ko-ad-inner,
body.dark .ko-ad-hero,
body.dark .ko-ad-value,
body.dark .ko-trust-grid,
body.dark .ko-feature-card,
body.dark .ko-step-card {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-ad h1, body.dark .ko-ad h2, body.dark .ko-ad h3,
body.dark .ko-shell h1, body.dark .ko-shell h2, body.dark .ko-shell h3 {
    color: #dbe6ee !important;
}
body.dark .ko-shell p,
body.dark .ko-ad p {
    color: #a9bcc8 !important;
}

/* ---------------- DÜELLO/ÇALIŞMA SEÇİM DÜĞMELERİ ----------------
   `public/assets/css/duello.css` bu düğmeleri `.btn-group-toggle .btn-outline-primary`
   ile ve `!important` ile beyaz yapıyor; eşit özgüllükte yazınca ezilemedi.
   Bu yüzden buradaki seçici bir seviye daha özgül. */
body.dark .btn-group-toggle .btn-outline-primary {
    background-color: #16242c !important;
    color: #a9bcc8 !important;
    border-color: #2a3f4c !important;
    box-shadow: none !important;
}
body.dark .btn-group-toggle .btn-outline-primary:hover,
body.dark .btn-group-toggle .btn-outline-primary.active,
body.dark .btn-group-toggle .btn-outline-primary:has(input:checked) {
    background: linear-gradient(135deg, #1d3540, #22343f) !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}

/* ---------------- KLAVYE ÇALIŞMA SAYFASI (duello.css içindeki derin kurallar)
   `public/assets/css/duello.css` bu sayfayı `.klavye-calisma-page .kc-*` ile,
   yani 4 seviyeli seçicilerle ve `!important` ile boyuyor. Gece kuralları o
   yüzden aynı derinlikte yazılmak zorunda; daha kısa seçiciler eziliyordu. */
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary {
    background-color: #16242c !important;
    color: #a9bcc8 !important;
    border-color: #2a3f4c !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover,
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active {
    background: linear-gradient(135deg, #1d3540, #22343f) !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}
body.dark .klavye-calisma-page .kc-guide-accordion,
body.dark .klavye-calisma-page .kc-guide-body,
body.dark .klavye-calisma-page .kc-guide-hero,
body.dark .klavye-calisma-page .kc-guide-label,
body.dark .klavye-calisma-page .kc-hero-feature,
body.dark .klavye-calisma-page .kc-hero-side {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-body h2,
body.dark .klavye-calisma-page .kc-guide-body h3,
body.dark .klavye-calisma-page .kc-mini-faq h2,
body.dark .klavye-calisma-page .kc-hero-metric strong,
body.dark .klavye-calisma-page .kc-field label,
body.dark .klavye-calisma-page .kc-choice-title {
    color: #dbe6ee !important;
}
body.dark .klavye-calisma-page .kc-guide-body p,
body.dark .klavye-calisma-page .kc-hero-metric span {
    color: #a9bcc8 !important;
}
body.dark .klavye-calisma-page .kc-guide-toggle::after,
body.dark .klavye-calisma-page .kc-guide-label {
    color: #9fd8e6 !important;
}

/* ---------------- SIDEBAR MENÜ BAĞLANTILARI ----------------
   Dosyanın en başındaki eski kural bu bağlantıları #6c757d (sönük gri) yapıyor;
   yeni sidebar tasarımında zemin daha koyu olduğu için okunmuyordu. */
body.dark .sidebar-menu .dropdown-toggle,
body.dark .sidebar-menu .submenu li a,
body.dark .sidebar-menu li a {
    color: #c8d3dc;
}
body.dark .sidebar-menu li a:hover,
body.dark .sidebar-menu li.active > a {
    color: #9fd8e6;
}
body.dark .sidebar-menu li a .micon,
body.dark .sidebar-menu li a i {
    color: #9fd8e6;
}

/* ---------------- KOYU ÜSTÜNE KOYU KALAN METİNLER ----------------
   Sayfaların kendi kahraman (hero) bölümlerinde başlık/paragraf renkleri
   sabit koyu lacivert; zemin koyulaşınca kayboluyorlardı. */
body.dark .kc-hero *,
body.dark .kc-hero-copy *,
body.dark .kc-visual-caption,
body.dark .kc-hero-note {
    color: #c8d3dc;
}
body.dark .kc-hero h1,
body.dark .kc-hero h2,
body.dark .kc-hero strong {
    color: #dbe6ee;
}
/* Panel başlığındaki açık vurgu şeridi */
body.dark .kc-panel-title,
body.dark .kc-panel-head,
body.dark .kc-area-title {
    background-color: transparent !important;
    color: #dbe6ee !important;
}

/* =========================================================================
   GECE MODU — 2. TUR (tarama çıktısına göre kalan bileşenler)
   ========================================================================= */

/* Klavye sayfalarının görsel tanıtım bloğu: başlık/paragraf sabit koyu
   lacivert, zemin koyu → yazı kayboluyordu (4 sayfada). */
body.dark .kc-visual-copy,
body.dark .kc-visual-copy h1,
body.dark .kc-visual-copy h2,
body.dark .kc-visual-copy h3 {
    color: #dbe6ee !important;
}
body.dark .kc-visual-copy p,
body.dark .kc-visual-copy li {
    color: #a9bcc8 !important;
}
body.dark .kc-visual,
body.dark .kc-visual-inner {
    background-color: #16242c !important;
    border-color: #22343f !important;
}

/* F/Q klavye dersleri sayfaları (fkl-*) */
body.dark .fkl-progress-card,
body.dark .fkl-card,
body.dark .fkl-panel,
body.dark .fkl-hero,
body.dark .fkl-lesson,
body.dark .fkl-step {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .fkl-eyebrow,
body.dark .fkl-badge {
    background-color: #22343f !important;
    color: #9fd8e6 !important;
}
body.dark .fkl-card h2,
body.dark .fkl-card h3,
body.dark .fkl-hero h1,
body.dark .fkl-hero h2 {
    color: #dbe6ee !important;
}

/* VIP program/özel çalışma sayfaları */
body.dark .vip-panel,
body.dark .content-panel,
body.dark .program-meta-card,
body.dark .stat-box,
body.dark .table-wrap {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .stat-box strong,
body.dark .program-meta-card strong {
    color: #dbe6ee !important;
}

/* Bootstrap akordeon / sekme panelleri / liste grupları */
body.dark .accordion-item,
body.dark .accordion-button,
body.dark .accordion-body,
body.dark .tab-pane,
body.dark .list-group-item {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .list-group-item.active,
body.dark .accordion-button:not(.collapsed) {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}

/* Koyu zeminde okunmayan vurgular.
   DİKKAT: bu kural genel yazılınca (body.dark strong) hâlâ beyaz kalan
   kapların içinde ters etki yaptı — açık zeminde açık yazı. Bu yüzden
   yalnız zemini koyulaştırdığımız kapların içinde geçerli. */
body.dark .main-container strong,
body.dark .card-box strong,
body.dark .kc-panel strong,
body.dark .ko-shell strong,
body.dark .main-container b,
body.dark .card-box b {
    color: #dbe6ee;
}
body.dark .main-container small,
body.dark .card-box small {
    color: #a9bcc8;
}

/* İletişim sayfasındaki açık bilgi kutusu */
body.dark .contact-info,
body.dark .iletisim-kart,
body.dark .contact-card {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Blog detay, iletişim ve VIP program sayfalarındaki beyaz kartlar */
body.dark .blog-detail-article-card,
body.dark .blog-detail-cover,
body.dark .blog-detail-ad,
body.dark .blog-detail-feedback,
body.dark .blog-detail-seo-accordion,
body.dark .blog-detail-eyebrow,
body.dark .blog-side-card,
body.dark .ko-support-info-panel,
body.dark .ko-support-stat-card,
body.dark .ko-support-visual-card,
body.dark .chart-box,
body.dark .vip-btn-soft {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .blog-detail-article-card h1,
body.dark .blog-detail-article-card h2,
body.dark .blog-detail-article-card h3,
body.dark .ko-support-stat-card strong,
body.dark .ko-support-info-panel h2,
body.dark .ko-support-info-panel h3 {
    color: #dbe6ee !important;
}
body.dark .blog-detail-article-card p,
body.dark .blog-detail-article-card li,
body.dark .ko-support-info-panel p {
    color: #a9bcc8 !important;
}

/* duello.css'in ortak yardımcı kartları ve SEO/bilgi bölümleri.
   Bunlar birden çok sayfada (klavye çalışma, hız testi, dersler, sınav)
   aynı sınıflarla kullanılıyor. */
body.dark .kc-focus-card,
body.dark .kc-benefit-grid-readable > div,
body.dark .ks-list-stats .ko-stat-badge,
body.dark .fkl-status-card,
body.dark .faq-wrap > .accordion-item > .card-header button {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
    box-shadow: none !important;
}
body.dark .kc-focus-card strong,
body.dark .kc-benefit-grid-readable > div strong,
body.dark .fkl-status-card strong {
    color: #dbe6ee !important;
}

/* Bilgi/SEO bölümlerinin başlıkları (#20384f gibi sabit koyu lacivert) */
body.dark .hiztest-seo-hero h1,
body.dark .hiztest-info-wrapper h2,
body.dark .hiztest-info-wrapper h3,
body.dark .ks-info h2,
body.dark .kc-info h2,
body.dark .seo-content h2,
body.dark .seo-content h3 {
    color: #dbe6ee !important;
}
body.dark .hiztest-info-wrapper p,
body.dark .seo-content p {
    color: #a9bcc8 !important;
}

/* Sayfa gövdesindeki başlıksız h2'ler (sabit koyu lacivert kalıyordu) */
body.dark .main-container h2,
body.dark .main-container h3 {
    color: #dbe6ee !important;
}

/* Ders sayfalarındaki yarı saydam beyaz bölüm başlıkları */
body.dark .fkl-section-title,
body.dark .fkl-section-title small,
body.dark .qkl-section-title,
body.dark .qkl-section-title small {
    background-color: #16242c !important;
    color: #c8d3dc !important;
    border-color: #22343f !important;
}
body.dark .fkl-section-title strong,
body.dark .qkl-section-title strong {
    color: #dbe6ee !important;
}

/* ---------------- ANA SAYFA (index.ejs, ko-home) ----------------
   Tanıtım sayfası kendi <style> bloğunda `body { background:#fff }` ve
   bölümlerde açık gradyanlar kullanıyor; gece modunda gövde aydınlık
   kalıyordu. Gradyanların şekli korunup renkleri koyuya çevriliyor. */
body.dark .ko-hero {
    background:
        radial-gradient(circle at 85% 10%, rgba(53, 191, 208, .12), transparent 31%),
        radial-gradient(circle at 5% 85%, rgba(244, 182, 63, .07), transparent 24%),
        linear-gradient(180deg, #101b22 0%, #16242c 90%) !important;
}
body.dark .ko-section-soft,
body.dark .ko-section,
body.dark main.ko-home {
    background: linear-gradient(180deg, #101b22 0%, #16242c 100%) !important;
    color: #c8d3dc;
}
body.dark .ko-eyebrow {
    background-color: #22343f !important;
    color: #9fd8e6 !important;
}
body.dark .ko-home h1,
body.dark .ko-home h2,
body.dark .ko-home h3,
body.dark .ko-title,
body.dark .ko-panel-title b {
    color: #dbe6ee !important;
}
body.dark .ko-home p,
body.dark .ko-lead,
body.dark .ko-hero-note {
    color: #a9bcc8 !important;
}

/* ---------------- SAYFA BAZLI KALAN KARTLAR (2. tur kapanışı) ----------------
   Aşağıdakiler tarama çıktısındaki sayfa-özel bileşenler. Hepsi aynı desende:
   beyaz kart + koyu lacivert metin. */

/* Eğitim paketleri */
body.dark .vip-preview-big,
body.dark .vip-preview-mini-card,
body.dark .vip-analysis-card,
body.dark .benefit-card,
body.dark .trust-box,
body.dark .ko-card,
body.dark .ko-value-card,
body.dark .ko-icon-box,
body.dark .overlay-badge,
body.dark .ko-pill {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-icon-box,
body.dark .ko-pill {
    color: #9fd8e6 !important;
}

/* Mülakat soruları */
body.dark .mulakat-guide-card,
body.dark .mulakat-seo-accordion,
body.dark .mulakat-ad,
body.dark .mulakat-visual-card,
body.dark .mulakat-guide-image {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Ana sayfa iç bileşenleri */
body.dark .ko-teacher-screen,
body.dark .ko-teacher-item,
body.dark .ko-player,
body.dark .ko-start-step,
body.dark .ko-window-bar,
body.dark .ko-profile-stat,
body.dark .ko-stat-box,
body.dark .ko-mini,
body.dark .ko-mini-logo,
body.dark .ko-rank {
    background-color: #1a2a33 !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* VIP çalışma merkezi */
body.dark .hero-chart-box,
body.dark .goal-card-main,
body.dark .hero-stat,
body.dark .hero-stat-icon,
body.dark .goal-icon,
body.dark .vip-kicker,
body.dark .vip-promo-ribbon,
body.dark .vip-lock-overlay,
body.dark .vip-lock-icon {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .hero-stat strong,
body.dark .goal-card-main strong,
body.dark #displayHedef {
    color: #dbe6ee !important;
}

/* Profil ayarları */
body.dark .ko-settings-savebar,
body.dark .ko-chat-color-current,
body.dark .ko-social-request-item,
body.dark .ko-danger-zone,
body.dark .ko-privacy-summary,
body.dark .ko-social-owner-label,
body.dark .ko-social-btn,
body.dark .ko-save-profile-btn {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-social-btn.primary,
body.dark .ko-save-profile-btn {
    background: linear-gradient(135deg, #1d3540, #22343f) !important;
    color: #cbe6ef !important;
}

/* =========================================================================
   GECE MODU — 3. TUR: GİZLİ KATMANLAR
   =========================================================================
   İlk iki tur yalnız AÇIK sekmeyi görüyordu. Kullanıcı pasif sekmede
   (profilim#calismagecmisitab) beyaz alanlar bildirdi; tarayıcı gizli
   panelleri de açacak şekilde güncellendi ve modallar, sekme panelleri,
   profil kartı ve SINAV ARAYÜZÜ gibi hiç boyanmamış katmanlar çıktı.
   ========================================================================= */

/* ---------------- HOVER PROFİL KARTI (25 sayfada) ---------------- */
body.dark .profile-card-custom,
body.dark .pc-profile-btn,
body.dark .pc-main-stat,
body.dark .pc-duel-box,
body.dark .pc-social-btn,
body.dark .pc-body,
body.dark .pc-head {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .pc-main-stat strong,
body.dark .pc-duel-box strong,
body.dark .pc-name {
    color: #dbe6ee !important;
}
body.dark .pc-duel-box.is-win { border-color: #2f6b4a !important; }
body.dark .pc-duel-box.is-loss { border-color: #6b3535 !important; }
body.dark .pc-social-btn.is-friend {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
}

/* ---------------- SINAV / YAZIM ARAYÜZÜ (modal içi) ----------------
   Bu panel çalışmanın ana ekranı: metin alanı beyazdı, gece modunda
   açılınca göz alıyordu. Yalnız zemin ve taban metin rengi çevriliyor;
   doğru/yanlış vurgu renklerine dokunulmuyor. */
body.dark .sinav-arayuz-paneli,
body.dark .sinav-arayuz-paneli .modal-content,
body.dark .scoreBoard,
body.dark .skorBody {
    background-color: #101b22 !important;
    color: #c8d3dc !important;
    border-color: #22343f !important;
}
body.dark .yazilacak-metin {
    background-color: #16242c !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}
body.dark .yazilan-metin,
body.dark input.yazilan-metin,
body.dark textarea.yazilan-metin {
    background-color: #1a2a33 !important;
    border-color: #2a3f4c !important;
    color: #dbe6ee !important;
}
body.dark .sinav-arayuz-paneli .row.no-gutters,
body.dark .sinav-arayuz-paneli .card,
body.dark .sinav-arayuz-paneli .card-body {
    background-color: #16242c !important;
    border-color: #22343f !important;
}

/* ---------------- RAPOR / DESTEK SOHBETİ ---------------- */
body.dark #reportChatBox,
body.dark .chat-container,
body.dark .chat-container .chat-bubble,
body.dark #reportReplyArea {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* ---------------- ÖN YÜKLEYİCİ ----------------
   Gece modunda sayfa açılışında beyaz ekran çakıyordu. */
body.dark .pre-loader,
body.dark .pre-loader-box,
body.dark #progress_div {
    background-color: #101b22 !important;
}
body.dark .loading-text {
    color: #8ba1b0 !important;
}

/* ---------------- KÜÇÜK KALEMLER ---------------- */
/* Header'daki koyu düğme, gece modunda mavi zemin üstünde açık mavi yazıydı. */
body.dark a.btn.btn-outline-primary.header-dark {
    background-color: #16242c !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}
body.dark .vip-center-badge {
    background-color: #22343f !important;
    color: #cbe6ef !important;
}

/* 3. tur kalanları */
body.dark .pc-profile-btn,
body.dark #pc-link {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
    border-color: #2f5665 !important;
}
/* Profil kartındaki avatar çerçevesi (görselin arkası beyazdı) */
body.dark .pc-avatar,
body.dark #pc-photo {
    background-color: #22343f !important;
    border-color: #2a3f4c !important;
}
/* Sınav panelindeki satır kapları ve yazılan-metin girişi */
body.dark .sinav-arayuz-paneli .row,
body.dark .sinav-arayuz-paneli .row.no-gutters.px-3 {
    background-color: #101b22 !important;
}
body.dark input[id^="yazilan-metin"],
body.dark .yazilan-metin-alani {
    background-color: #1a2a33 !important;
    color: #dbe6ee !important;
    border-color: #2a3f4c !important;
}
/* Klavye sayfalarının rehber bölümleri (gizli akordeon içinde kalmışlardı) */
body.dark .kc-guide-section,
body.dark .kc-guide-image,
body.dark .kc-mini-item,
body.dark .kc-mini-faq,
body.dark .kc-info-card,
body.dark .kc-guide-btn-light {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .kc-guide-btn-light {
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}
/* Grafik kilidi (VIP olmayan kullanıcıda grafiğin üstündeki perde) */
body.dark #graph-lock {
    background-color: rgba(16, 27, 34, .82) !important;
    color: #c8d3dc !important;
}
/* Beyaz zeminli liste öğeleri */
body.dark .main-container li,
body.dark .card-box li {
    background-color: transparent;
}

/* Bootstrap yardımcı sınıfı: sınav/duello arayüzünde çok kullanılıyor. */
body.dark .bg-white {
    background-color: #16242c !important;
    color: #c8d3dc !important;
}
/* Sınav üst şeridi ve hız modu giriş alanı (satır içi renkleri normale
   çekildikten sonra buradan boyanıyor). */
body.dark .sinav-arayuz-paneli .row.no-gutters,
body.dark #yazilan-metin-hizsavasisinavmodu,
body.dark #yazilan-metin-performanssinavmodu,
body.dark #yazialani-hizsavasisinavmodu,
body.dark #yazialani-performanssinavmodu,
body.dark #yazialani-gerceksinavmodu,
body.dark #yazilan-metin-gerceksinavmodu {
    background-color: #16242c !important;
    color: #dbe6ee !important;
    border-color: #2a3f4c !important;
}

/* Son kalemler: liste metinleri, seçim kutuları, kalan açık kaplar */
body.dark li,
body.dark .main-container li,
body.dark .card-box li {
    color: #a9bcc8;
}
body.dark select.custom-select,
body.dark #metin,
body.dark #sinavmodusecinmi,
body.dark select.form-control {
    background-color: #16242c !important;
    color: #c8d3dc !important;
    border-color: #2a3f4c !important;
}
/* Düello bildirim rozetleri: yarı saydam beyaz üstünde beyaz yazı */
body.dark .duel-status-badge,
body.dark .duel-toast-countdown {
    background-color: rgba(0, 0, 0, .32) !important;
    color: #ffffff !important;
}

/* ---------------- DATATABLES (çalışma geçmişi, sıralamalar, admin listeleri)
   Bu tablolar JS ile SONRADAN kuruluyor; statik taramada görünmedikleri için
   ilk turlarda atlanmışlardı. Kullanıcı profilim#calismagecmisitab üzerinden
   bildirdi. */
body.dark .dataTables_wrapper,
body.dark .dataTables_scroll,
body.dark .dataTables_scrollHead,
body.dark .dataTables_scrollBody,
body.dark table.dataTable,
body.dark table.dataTable tbody tr,
body.dark table.dataTable thead th,
body.dark table.dataTable tfoot th {
    background-color: #16242c !important;
    color: #c8d3dc !important;
    border-color: #22343f !important;
}
body.dark table.dataTable tbody tr:hover,
body.dark table.dataTable.stripe tbody tr.odd,
body.dark table.dataTable.display tbody tr.odd {
    background-color: #1a2a33 !important;
}
body.dark .dataTables_wrapper .dataTables_length,
body.dark .dataTables_wrapper .dataTables_filter,
body.dark .dataTables_wrapper .dataTables_info,
body.dark .dataTables_wrapper .dataTables_processing,
body.dark .dataTables_wrapper .dataTables_paginate {
    color: #a9bcc8 !important;
}
body.dark .dataTables_wrapper .dataTables_filter input,
body.dark .dataTables_wrapper .dataTables_length select {
    background-color: #1a2a33 !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #1a2a33 !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}

/* Sekme başlıkları ve kart başlıkları (sekmeli sayfalar) */
body.dark .nav-tabs,
body.dark .nav-tabs .nav-link,
body.dark .card-header {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #a9bcc8 !important;
}
body.dark .nav-tabs .nav-link.active,
body.dark .ko-tab-item .nav-link.active {
    background-color: #1d3540 !important;
    color: #cbe6ef !important;
    border-color: #3d7f96 !important;
}
body.dark .ko-tab-item .nav-link small {
    color: #8ba1b0 !important;
}

/* Modal gövdesindeki gri arka plan yardımcı sınıfı */
body.dark .modal-body.arkaplan,
body.dark .arkaplan {
    background-color: #16242c !important;
    color: #c8d3dc !important;
}

/* =========================================================================
   PROFİL SAYFALARI (public/vendors/styles/profil.css — 3300 satır)
   =========================================================================
   Bu dosya profilim/profildetay sayfalarında <head>'de dark CSS'ten SONRA
   yükleniyor, yani eşit özgüllükte kazanıyor ve hiç gece karşılığı yoktu.
   Kullanıcı "Henüz bir klana katılmadın" kartından bildirdi; tarama ile
   aynı dosyadan gelen diğer açık kutular da toplandı. */

/* Klan kartı */
body.dark .ko-owner-clan-content,
body.dark .ko-owner-clan-emblem,
body.dark .ko-clan-status,
body.dark .ko-clan-card {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-owner-clan-info strong { color: #dbe6ee !important; }
body.dark .ko-owner-clan-info small { color: #8ba1b0 !important; }
body.dark .ko-owner-clan-emblem i { color: #9fd8e6 !important; }

/* Sosyal merkez: istek satırları ve boş durumlar */
body.dark .ko-request-icon,
body.dark .ko-request-empty,
body.dark .ko-social-request-total,
body.dark .ko-social-progress,
body.dark .ko-owner-find-friends,
body.dark .ko-profile-strength-note {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #a9bcc8 !important;
}
body.dark .ko-request-icon i,
body.dark .ko-social-request-total strong { color: #9fd8e6 !important; }

/* Düello kutuları ve oranlar */
body.dark .ko-duel-rate-track,
body.dark .ko-duel-status,
body.dark .is-win,
body.dark .is-draw,
body.dark .is-loss,
body.dark .is-record,
body.dark .is-rank,
body.dark .is-work {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Rozetler ve küçük etiketler */
body.dark .genel-aktif-pill,
body.dark .vip-badge,
body.dark .user-icon,
body.dark .pc-status-line,
body.dark .pc-rank-badge,
body.dark .pc-user-rank,
body.dark .pc-match-badge {
    background-color: #22343f !important;
    border-color: #2a3f4c !important;
    color: #cbe6ef !important;
}

/* Paylaşım kartı ve ayar kutuları */
body.dark .ko-share-card,
body.dark .ko-share-bio,
body.dark .ko-share-link-row,
body.dark .ko-share-secondary,
body.dark .ko-settings-preview-btn,
body.dark .ko-color-default,
body.dark .img-container,
body.dark .custom-file-label {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Genel uyarı kutusu (alert-warning dışındakiler) */
body.dark .alert:not(.alert-warning):not(.alert-danger):not(.alert-success) {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Profil detay (ziyaretçi görünümü) kalanları */
body.dark .ko-social-link,
body.dark .ko-social-section-title,
body.dark .ko-public-clan-status,
body.dark .ko-performance-period,
body.dark .ko-profile-accordion,
body.dark .ko-profile-accordion-icon,
body.dark .ko-public-share-link,
body.dark .pc-social-btn {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .ko-social-link:hover,
body.dark .ko-profile-accordion-icon {
    color: #9fd8e6 !important;
}
/* Simge kutuları (fa ikonlarının beyaz zeminleri) */
body.dark .main-container i.fa[class*="bg-"],
body.dark .ko-social-card i.fa,
body.dark .ko-settings-card i.fa {
    background-color: transparent !important;
    color: #9fd8e6 !important;
}

/* ---------------- SOL SIDEBAR: OKUNURLUK ROTUŞU (kullanıcı bildirimi)
   Ölçüm (headless, kontrast oranı):
     kullanıcı adı 1.33 · "Q Klavye" rozeti 3.13 · "Detay" düğmesi 3.13
     "İletişim" menü yazısı 1.45 · beyaz ikon kutuları (micon) 1.0
   Hepsi koyu zeminde ya çok koyu ya çok beyaz kalıyordu. */

/* Menü ve başlık yazıları */
body.dark .left-side-bar h5,
body.dark .left-side-bar .mtext,
body.dark .left-side-bar .ko-user-name,
body.dark .left-side-bar .dropdown-toggle,
body.dark .left-side-bar li a span {
    color: #c8d3dc !important;
}
body.dark .left-side-bar .badge,
body.dark .left-side-bar .btn {
    background-color: #22343f !important;
    border-color: #2a3f4c !important;
    color: #cbe6ef !important;
}

/* İkonlar: beyaz kutular koyulaşsın, koyu ikonlar açılsın */
body.dark .left-side-bar .micon,
body.dark .left-side-bar .ko-simple-badge,
body.dark .left-side-bar .vip-center-icon-wrap {
    background-color: #22343f !important;
    color: #9fd8e6 !important;
    border-color: #2a3f4c !important;
}
body.dark .left-side-bar i.fa,
body.dark .left-side-bar .micon i,
body.dark .left-side-bar .badge i,
body.dark .left-side-bar .btn i {
    color: #9fd8e6 !important;
}
/* Renkli bölüm başlıklarındaki (oyun/eğitim/topluluk) beyaz ikonlar kalsın:
   onların zemini zaten koyu gradyan. */
body.dark .ko-sidebar-section-title i.fa {
    color: #ffffff !important;
}

/* Sade menü ikon kutuları: sidebar'ın kendi <style> bloğunda `nth-child`
   ile tek tek renklendirilmiş (özgüllük 0,4,0 + !important). Aynı derinlikte
   yazmak yerine kaynağı kesiyoruz: değişken + genel kural. */
body.dark .left-side-bar,
body.dark .ko-sidebar {
    --sidebar-icon-bg: #22343f;
    --sidebar-ink: #c8d3dc;
}
body.dark .ko-simple-account-menu .ko-simple-menu li .micon,
body.dark .ko-simple-menu li .micon,
body.dark .ko-simple-menu .micon {
    background-color: #22343f !important;
    color: #9fd8e6 !important;
}

/* =========================================================================
   EĞİTİM MODÜLÜ (public/assets/css/egitim.css — eg-* tasarım sistemi)
   =========================================================================
   /egitmenler, /kurumlar, /egitmen/*, /egitimim/* sayfaları bu dosyayı
   kullanıyor ve hiç gece karşılığı yoktu (kullanıcı bildirimi).

   İki katmanlı çeviri:
   1. TOKEN'LAR — dosya 179 yerde `var(--eg-*)` kullanıyor; değişkenleri
      çevirince metin/çizgi/yumuşak zeminler kendiliğinden koyulaşıyor.
   2. SABİT RENKLER — 36 kuralda doğrudan #fff/#f… yazılmış; onlar tek tek.
   ========================================================================= */

body.dark {
    --eg-text:  #c8d3dc;
    --eg-muted: #8ba1b0;
    --eg-line:  #22343f;
    --eg-soft:  #16242c;
    /*
     * --eg-navy AÇIK YAPILMAMALI: yalnız başlık rengi değil, "sınıfa katıl"
     * şeridi gibi bloklarda GRADYAN ZEMİNİ olarak da kullanılıyor; açık
     * yapınca o şerit gece modunda beyaza dönüyordu. Başlıklar ayrı kuralla
     * açılıyor.
     */
    --eg-navy:  #12303f;
    --eg-golge:       0 10px 22px rgba(0, 0, 0, .30);
    --eg-golge-hover: 0 14px 30px rgba(0, 0, 0, .38);
}

/* Kartlar, paneller, listeler */
body.dark .eg-kart,
body.dark .eg-kpi,
body.dark .eg-sekme,
body.dark .eg-tablo,
body.dark .eg-sinif-kart,
body.dark .eg-hizli-kart,
body.dark .eg-kesif-kart,
body.dark .eg-kesif-foto,
body.dark .eg-vitrin-foto,
body.dark .eg-ekip-kart,
body.dark .eg-calisma,
body.dark .eg-fayda-kart,
body.dark .eg-basvuru-liste > li,
body.dark .eg-odev-liste > li,
body.dark table.eg-kart-mobil tr,
body.dark .eg-bos,
body.dark code {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .eg-tablo tbody tr:hover {
    background-color: #1a2a33 !important;
}
body.dark .eg-tablo th {
    background-color: #1a2a33 !important;
    color: #c8d3dc !important;
}

/* Form öğeleri */
body.dark .eg-girdi,
body.dark .eg-secim,
body.dark .eg-filtre,
body.dark .eg-sure-dugme,
body.dark .eg-alan .select2-container--default .select2-selection--single {
    background-color: #16242c !important;
    border-color: #2a3f4c !important;
    color: #c8d3dc !important;
}

/* Düğmeler: ana düğme koyu zeminde beyaz-üstüne-beyaz kalıyordu */
body.dark .eg-btn-ana {
    background: linear-gradient(135deg, #1d6d9c, #2a91bb) !important;
    color: #ffffff !important;
    border-color: #3d7f96 !important;
}
body.dark .eg-btn-ikincil,
body.dark .eg-btn-uyari,
body.dark .eg-btn-tehlike {
    background-color: #16242c !important;
    border-color: #2a3f4c !important;
    color: #cbe6ef !important;
}

/* Uyarı kutuları — renk anlamı korunur, tonlar koyulaşır */
body.dark .eg-uyari,
body.dark .eg-uyari-bilgi {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .eg-uyari-basari,
body.dark .eg-rozet-basari {
    background-color: #162a20 !important;
    border-color: #2f6b4a !important;
    color: #a8e0c0 !important;
}
body.dark .eg-uyari-uyari,
body.dark .eg-rozet-uyari,
body.dark .eg-yapilacak-kart,
body.dark .eg-hizli-kart.vurgu {
    background-color: #2a2416 !important;
    border-color: #4a3d1c !important;
    color: #e6cf94 !important;
}
body.dark .eg-uyari-tehlike,
body.dark .eg-rozet-tehlike,
body.dark .eg-odev-liste > li.gecikmis,
body.dark .eg-tehlike-bolge {
    background-color: #2a1a1a !important;
    border-color: #6b3535 !important;
    color: #f0b4b4 !important;
}
body.dark .eg-rozet {
    background-color: #22343f !important;
    border-color: #2a3f4c !important;
    color: #cbe6ef !important;
}

/* Başlıklar */
body.dark .eg-sayfa h1,
body.dark .eg-sayfa h2,
body.dark .eg-sayfa h3,
body.dark .eg-kart h1,
body.dark .eg-kart h2,
body.dark .eg-kart h3,
body.dark .eg-kpi strong {
    color: #dbe6ee !important;
}

/* Son tekil kalemler (tarama çıktısı) */
body.dark .matchdesc {
    color: #9fd8e6 !important;
}
body.dark .home-button {
    color: #ffffff !important;
}
body.dark article:not([class]) {
    background-color: #16242c !important;
    color: #c8d3dc !important;
}
body.dark .pc-match-badge,
body.dark #pc-match-count {
    color: #cbe6ef !important;
}

/* Sayfa gövdesinden kısa içeriklerde ALTTA açık şerit kalıyordu: `html`
   elemanının zemini (duello_mesaj_mobil.css'te `body, html { background:#ecf0f4 }`)
   gece modunda hiç çevrilmemişti — body koyu ama html açık kalıyor. */
html:has(body.dark),
body.dark {
    background-color: #101b22 !important;
}

/* =========================================================================
   VIP ÇALIŞMA MERKEZİ + KOYU ÜSTÜNE KOYU YAZILAR (kullanıcı bildirimi)
   =========================================================================
   Bu sayfa baştan sona gradyan zeminli; tarayıcı gradyan gördüğünde kontrast
   ölçmediği için sorunlar önceki turlarda GÖRÜNMEDİ. Farklı ölçtük: gece
   modunda YAZI RENGİ koyu kalan öğeleri listeledik.
   ========================================================================= */

/* Sayfa gövdesindeki koyu gri/lacivert yazılar */
body.dark .vip-page,
body.dark .vip-page span,
body.dark .vip-page div,
body.dark .vip-page small,
body.dark .vip-page li,
body.dark .vip-lock-benefits span,
body.dark .vip-hero p,
body.dark .vip-hero small {
    color: #c8d3dc;
}
body.dark .vip-page h1,
body.dark .vip-page h2,
body.dark .vip-page h3,
body.dark .vip-page h4,
body.dark .vip-page strong,
body.dark .vip-page b {
    color: #dbe6ee;
}
body.dark .vip-page .text-muted,
body.dark .vip-page .vip-muted {
    color: #8ba1b0 !important;
}

/* Kartlar ve paneller (gradyanlılar dâhil) */
body.dark .vip-hero,
body.dark .hero-left,
body.dark .hero-right,
body.dark .hero-chart-box,
body.dark .hero-stat,
body.dark .vip-card,
body.dark .vip-section,
body.dark .vip-panel,
body.dark .program-card,
body.dark .goal-card,
body.dark .goal-card-main,
body.dark .vip-empty,
body.dark .vip-list-item {
    background: linear-gradient(180deg, #16242c 0%, #13202a 100%) !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}

/* Düğmeler: koyu gri yazı okunmuyordu */
body.dark .vip-btn,
body.dark .vip-page .btn {
    color: #cbe6ef !important;
}
body.dark .vip-btn-primary {
    background: linear-gradient(135deg, #1d6d9c, #2a91bb) !important;
    color: #ffffff !important;
    border-color: #3d7f96 !important;
}
body.dark .vip-btn-soft {
    background-color: #1d3540 !important;
    border-color: #2f5665 !important;
}

/* Kilit/ön izleme perdesi */
body.dark .vip-lock-overlay {
    background-color: rgba(16, 27, 34, .92) !important;
}
body.dark .vip-lock-overlay h3,
body.dark .vip-lock-overlay p,
body.dark .vip-lock-benefits span {
    color: #dbe6ee !important;
}
body.dark .vip-promo-ribbon,
body.dark .vip-kicker {
    background-color: #22343f !important;
    color: #cbe6ef !important;
}
body.dark .chart-goal {
    color: #efb26a !important;
}

/* Genel: hâlâ koyu kalan tipik gri tonları (site geneli) */
body.dark .main-container .text-secondary,
body.dark .main-container .text-body,
body.dark .genel-aktif-label,
body.dark .gece-modu-label-text,
body.dark .user-name {
    color: #c8d3dc !important;
}

/* NOT: burada bir dönem `body.dark .main-container div { color: inherit }`
   denendi — geri alındı. `inherit` öğeyi ÜST öğenin (hâlâ koyu olan) rengine
   bağlıyor ve kendi düzeltmelerimizi eziyordu. Renk düzeltmeleri hedefli
   seçicilerle yapılıyor (aşağıdaki kaynaktan türetilmiş blok gibi). */

body.dark small.me-3 {
    color: #8ba1b0 !important;
}


/* ---------------- VIP MERKEZİ + EĞİTİM PAKETLERİ: KOYU YAZILAR ----------------
   Bu iki dosyada metin renkleri sabit koyu lacivert/gri; gece zemininde
   okunmuyorlardı. Seçiciler KAYNAKTAN türetildi (elle liste tutulmuyor):
   "color'ı koyu olan her kural" taranıp buraya gece karşılığı yazıldı.
   Böylece hiçbiri atlanmıyor ve renkli/vurgu sınıflar (yeşil, kırmızı,
   altın) kendi kurallarıyla korunuyor — yalnız KOYU olanlar açılıyor. */
body.dark .vip-hero-keyboard,
body.dark .goal-ring strong,
body.dark .goal-ring small,
body.dark .goal-input-box span,
body.dark .program-meta div,
body.dark .program-meta strong,
body.dark .progress-label,
body.dark .ready-list li,
body.dark .analysis-feature-list span,
body.dark .vip-btn-soft,
body.dark .vip-kicker,
body.dark .soft-head p,
body.dark .hero-left h1,
body.dark .hero-left p,
body.dark .chart-head small,
body.dark .chart-goal,
body.dark .goal-content span,
body.dark .goal-value strong,
body.dark .goal-value small,
body.dark .goal-content p,
body.dark .program-card p,
body.dark .ready-card p,
body.dark .special-card p,
body.dark .icon-btn,
body.dark .level-badge,
body.dark .analysis-card p,
body.dark .rank-no,
body.dark .rank-text,
body.dark .rank-value,
body.dark .rank-value.red,
body.dark .rank-value.blue,
body.dark .vip-lock-overlay h3,
body.dark .vip-lock-overlay p,
body.dark .vip-lock-benefits span,
body.dark .vip-promo-ribbon,
body.dark .bottom-cta p,
body.dark .ko-btn-light,
body.dark .pill-blue,
body.dark .pill-green,
body.dark .pill-orange,
body.dark .pill-purple,
body.dark .pill-gold,
body.dark .ko-badge-medal,
body.dark .ko-price-label,
body.dark .vip-feature-list li,
body.dark .package-subtitle,
body.dark .price-box .main-price,
body.dark .vip-status-title,
body.dark .ko-trust-title,
body.dark .ko-trust-mini span,
body.dark .section-title-wrap h4,
body.dark .benefit-card h6,
body.dark .vip-analysis-card h6,
body.dark .benefit-card p,
body.dark .vip-analysis-card p,
body.dark .trust-title,
body.dark .trust-text,
body.dark .vip-preview-label,
body.dark .vip-preview-value,
body.dark .vip-preview-lock,
body.dark .vip-preview-note,
body.dark .vip-compare-table th,
body.dark .faq-item h6,
body.dark .payment-mini-item,
body.dark .prestige-highlight-card strong,
body.dark .prestige-highlight-card small,
body.dark .feature-list-title,
body.dark .compact-feature-list li,
body.dark .paket-detail-card .vip-feature-list li {
    color: #c8d3dc !important;
}

/* VIP sayfasındaki sönük açıklama metinleri (satır içi #667085 idi, sınıfa
   taşındı: satır içi bildirim CSS'ten ezilemiyor). */
.vip-sonuk-metin { color: #667085; }
body.dark .vip-sonuk-metin { color: #8ba1b0 !important; }

/* Footer bağlantısı ve sınıfsız vurgular */
body.dark footer a,
body.dark .footer-wrap a,
body.dark a[href^="mailto:"] {
    color: #7fd3e6 !important;
}
body.dark strong:not([class]):not(.vip-sonuk-metin) {
    color: #dbe6ee;
}

/* VIP merkezindeki "yumuşak" bölümler (soft-*) krem gradyanlı kalıyordu:
   Kişisel Programlar, Hazır VIP Planlar, Özel Çalışmalar başlıkları. */
body.dark .soft-head,
body.dark .soft-head.gold,
body.dark .soft-head.blue,
body.dark .soft-head.green,
body.dark .soft-card,
body.dark .soft-body,
body.dark .soft-section {
    background: linear-gradient(135deg, #16242c, #13202a) !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .soft-head h2,
body.dark .soft-head h3,
body.dark .soft-head strong {
    color: #dbe6ee !important;
}








/* =========================================================================
   ÜRETİLMİŞ GECE KURALLARI (kaynaktan otomatik)
   =========================================================================
   6 CSS dosyası taranıp AÇIK ZEMİNLİ her kural için gece karşılığı üretildi.
   Renk tonu korunur (HSL: hue aynı, doygunluk düşer, açıklık %10-20 bandına
   iner) — böylece yeşil "başarı"/kırmızı "tehlike" kutuları anlamını korur.
   Elle ayarlanan alanlar (sol sidebar, sohbet kutuları) ve pseudo-element
   süsleri kapsam dışıdır.

   YENİDEN ÜRETMEK İÇİN: scratchpad/gece-uret.js
   Üretim anındaki kural sayısı: 2922 (seçici: 3493)
   ========================================================================= */

body.dark .copy-btn {
    background-color: hsl(252, 45%, 19%) !important;
}
body.dark .vip-resim-wrap {
    background-color: hsl(210, 11%, 11%) !important;
}
body.dark .swal-resim-label {
    background-color: #16242c !important;
}
body.dark .main-container {
    background: radial-gradient(circle at 4% 0%, rgba(21,94,239,.10), transparent 360px),
            radial-gradient(circle at 95% 8%, hsla(39, 45%, 20%, 0.14), transparent 390px),
            radial-gradient(circle at 50% 35%, rgba(14,165,233,.08), transparent 430px),
            linear-gradient(180deg,hsl(214, 45%, 10%) 0%,hsl(214, 26%, 11%) 100%) !important;
}
body.dark .vip-hero {
    background: radial-gradient(circle at 88% 18%, hsla(39, 45%, 20%, 0.95), transparent 178px),
            radial-gradient(circle at 16% 0%, rgba(14,165,233,.48), transparent 230px),
            linear-gradient(135deg,#09245f 0%,#155eef 56%,#0ea5e9 100%) !important;
}
body.dark .vip-hero-keyboard {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .vip-hero-keyboard {
    color: #c8d3dc !important;
}
body.dark .vip-badge {
    background-color: rgba(22, 36, 44, 0.17) !important;
}
body.dark .vip-btn-primary {
    background-color: #16242c !important;
}
body.dark .vip-btn-primary {
    color: #c8d3dc !important;
}
body.dark .vip-btn-soft {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .vip-btn-orange {
    background: linear-gradient(135deg,hsl(35, 45%, 20%),#f79009) !important;
}
body.dark .vip-panel {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .motivation-card {
    background-color: #16242c !important;
}
body.dark .motivation-card.soft-blue {
    background: linear-gradient(135deg,#16242c,hsl(221, 45%, 11%)) !important;
}
body.dark .motivation-card.soft-green {
    background: linear-gradient(135deg,#16242c,hsl(145, 45%, 11%)) !important;
}
body.dark .motivation-card.soft-orange {
    background: linear-gradient(135deg,#16242c,hsl(41, 45%, 11%)) !important;
}
body.dark .motivation-card.soft-purple {
    background: linear-gradient(135deg,#16242c,hsl(245, 45%, 11%)) !important;
}
body.dark .motivation-card.soft-cyan {
    background: linear-gradient(135deg,#16242c,hsl(201, 45%, 11%)) !important;
}
body.dark .motivation-icon {
    background-color: rgba(22, 36, 44, 0.72) !important;
}
body.dark .focus-card {
    background: radial-gradient(circle at 90% 5%, rgba(22, 36, 44, 0.24), transparent 95px),linear-gradient(135deg,#155eef 0%,#0ea5e9 100%) !important;
}
body.dark .focus-card-icon {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .focus-card-badge {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .goal-focus-card {
    background: radial-gradient(circle at 90% 4%, hsla(39, 45%, 20%, 0.44), transparent 156px),radial-gradient(circle at 10% 98%, rgba(21,94,239,.10), transparent 170px),linear-gradient(135deg,#16242c 0%,hsl(219, 45%, 11%) 100%) !important;
}
body.dark .goal-target-center {
    background: radial-gradient(circle at 13% 18%, rgba(21,94,239,.13), transparent 132px),radial-gradient(circle at 95% 10%, hsla(39, 45%, 20%, 0.23), transparent 150px),linear-gradient(135deg,rgba(22, 36, 44, 0.97),hsla(214, 45%, 10%, 0.9)) !important;
}
body.dark .goal-ring {
    background: linear-gradient(#16242c,#16242c) padding-box,linear-gradient(135deg,#155eef,#0ea5e9,hsl(39, 45%, 20%)) border-box !important;
}
body.dark .goal-ring strong {
    color: #c8d3dc !important;
}
body.dark .goal-ring small {
    color: #c8d3dc !important;
}
body.dark .goal-input-box {
    background-color: #16242c !important;
}
body.dark .goal-input-box span {
    color: #c8d3dc !important;
}
body.dark .goal-input-box input {
    background-color: hsl(222, 45%, 11%) !important;
}
body.dark .goal-input-box input {
    color: #c8d3dc !important;
}
body.dark .goal-tip {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .vip-section-banner.banner-journey {
    background: radial-gradient(circle at right top, rgba(14,165,233,.22), transparent 172px),linear-gradient(135deg,#16242c 0%,hsl(201, 45%, 11%) 100%) !important;
}
body.dark .vip-section-banner.banner-plan {
    background: radial-gradient(circle at right top, rgba(21,94,239,.20), transparent 172px),linear-gradient(135deg,#16242c 0%,hsl(219, 45%, 11%) 100%) !important;
}
body.dark .vip-section-banner.banner-ready {
    background: radial-gradient(circle at right top, hsla(39, 45%, 20%, 0.32), transparent 172px),linear-gradient(135deg,#16242c 0%,hsl(41, 45%, 11%) 100%) !important;
}
body.dark .vip-section-banner.banner-special {
    background: radial-gradient(circle at right top, rgba(18,183,106,.21), transparent 172px),linear-gradient(135deg,#16242c 0%,hsl(145, 45%, 11%) 100%) !important;
}
body.dark .vip-section-banner.banner-analysis {
    background: radial-gradient(circle at right top, hsla(252, 45%, 19%, 0.22), transparent 172px),linear-gradient(135deg,#16242c 0%,hsl(245, 45%, 11%) 100%) !important;
}
body.dark .journey-card {
    background: linear-gradient(180deg,#16242c 0%,hsl(214, 45%, 10%) 100%) !important;
}
body.dark .journey-icon {
    background: linear-gradient(135deg,hsl(221, 45%, 11%),hsl(41, 45%, 11%)) !important;
}
body.dark .program-card {
    background-color: #16242c !important;
}
body.dark .program-icon {
    background: linear-gradient(135deg,hsl(221, 45%, 11%),hsl(41, 45%, 11%)) !important;
}
body.dark .program-meta div {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .program-meta div {
    color: #c8d3dc !important;
}
body.dark .program-meta strong {
    color: #c8d3dc !important;
}
body.dark .progress-label {
    color: #c8d3dc !important;
}
body.dark .vip-progress {
    background-color: hsl(216, 21%, 11%) !important;
}
body.dark .vip-ready-card {
    background-color: #16242c !important;
}
body.dark .ready-level {
    background-color: hsl(221, 45%, 11%) !important;
}
body.dark .ready-level {
    color: #c8d3dc !important;
}
body.dark .ready-icon {
    background-color: hsl(41, 45%, 11%) !important;
}
body.dark .ready-list li {
    color: #c8d3dc !important;
}
body.dark .special-card {
    background-color: #16242c !important;
}
body.dark .special-icon {
    background: linear-gradient(135deg,hsl(41, 45%, 11%),hsl(221, 45%, 11%)) !important;
}
body.dark .analysis-card {
    background-color: #16242c !important;
}
body.dark .analysis-feature-list span {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .analysis-feature-list span {
    color: #c8d3dc !important;
}
body.dark .bottom-cta {
    background: radial-gradient(circle at right top, hsla(39, 45%, 20%, 0.86), transparent 180px),linear-gradient(135deg,#101828,#1849a9) !important;
}
body.dark body {
    background: radial-gradient(circle at top left, rgba(37,99,235,.10), transparent 32%),
                radial-gradient(circle at top right, rgba(245,158,11,.10), transparent 30%),
                linear-gradient(180deg,hsl(214, 45%, 10%) 0%,hsl(214, 30%, 11%) 52%,hsl(210, 22%, 11%) 100%) !important;
}
body.dark .vip-btn-soft {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .vip-btn-soft {
    color: #c8d3dc !important;
}
body.dark .vip-kicker {
    background-color: rgba(22, 36, 44, 0.72) !important;
}
body.dark .vip-kicker {
    color: #c8d3dc !important;
}
body.dark .panel-blue {
    background: linear-gradient(180deg,hsl(214, 45%, 10%),#16242c 58%,hsl(210, 45%, 10%)) !important;
}
body.dark .panel-green {
    background: linear-gradient(180deg,hsl(153, 45%, 10%),#16242c 58%,hsl(214, 45%, 10%)) !important;
}
body.dark .panel-gold {
    background: linear-gradient(180deg,hsl(37, 45%, 11%),#16242c 58%,hsl(214, 45%, 10%)) !important;
}
body.dark .panel-purple {
    background: linear-gradient(180deg,hsl(252, 45%, 10%),#16242c 58%,hsl(214, 45%, 10%)) !important;
}
body.dark .panel-red {
    background: linear-gradient(180deg,hsl(8, 45%, 10%),#16242c 58%,hsl(214, 45%, 10%)) !important;
}
body.dark .soft-head.blue {
    background: linear-gradient(135deg,hsl(219, 45%, 11%),hsl(214, 45%, 10%) 56%,hsl(33, 45%, 11%)) !important;
}
body.dark .soft-head.gold {
    background: linear-gradient(135deg,hsl(33, 45%, 11%),hsl(48, 45%, 11%) 56%,hsl(219, 45%, 11%)) !important;
}
body.dark .soft-head.green {
    background: linear-gradient(135deg,hsl(145, 45%, 11%),hsl(214, 45%, 10%) 58%,hsl(219, 45%, 11%)) !important;
}
body.dark .soft-head.purple {
    background: linear-gradient(135deg,hsl(245, 45%, 11%),hsl(214, 45%, 10%) 58%,hsl(33, 45%, 11%)) !important;
}
body.dark .soft-head.red {
    background: linear-gradient(135deg,hsl(5, 45%, 11%),hsl(214, 45%, 10%) 58%,hsl(33, 45%, 11%)) !important;
}
body.dark .soft-head p {
    color: #c8d3dc !important;
}
body.dark .vip-hero {
    background: linear-gradient(135deg,rgba(22, 36, 44, 0.98),hsla(214, 45%, 11%, 0.96) 55%,hsla(33, 45%, 11%, 0.86)),
                radial-gradient(circle at 88% 8%,rgba(245,158,11,.18),transparent 34%) !important;
}
body.dark .hero-left h1 {
    color: #c8d3dc !important;
}
body.dark .hero-left p {
    color: #c8d3dc !important;
}
body.dark .hero-stat {
    background-color: rgba(22, 36, 44, 0.84) !important;
}
body.dark .hero-stat:hover {
    background-color: #16242c !important;
}
body.dark .hero-stat-icon {
    background: linear-gradient(135deg,hsl(219, 45%, 11%),#16242c) !important;
}
body.dark .hero-chart-box {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .chart-head small {
    color: #c8d3dc !important;
}
body.dark .chart-goal {
    background: linear-gradient(135deg,hsl(33, 45%, 11%),hsl(48, 45%, 11%)) !important;
}
body.dark .chart-goal {
    color: #c8d3dc !important;
}
body.dark .goal-card-main {
    background-color: #16242c !important;
}
body.dark .goal-content span {
    color: #c8d3dc !important;
}
body.dark .goal-value strong {
    color: #c8d3dc !important;
}
body.dark .goal-value small {
    color: #c8d3dc !important;
}
body.dark .goal-content p {
    color: #c8d3dc !important;
}
body.dark .horizontal-goal-input input {
    background-color: #16242c !important;
}
body.dark .horizontal-goal-input input {
    color: #c8d3dc !important;
}
body.dark .coach-tags span {
    background-color: rgba(22, 36, 44, 0.13) !important;
}
body.dark .program-card,
body.dark .ready-card,
body.dark .special-card,
body.dark .analysis-card,
body.dark .analysis-kpi {
    background: linear-gradient(180deg,#16242c,hsl(210, 45%, 10%)) !important;
}
body.dark .card-icon {
    background: linear-gradient(135deg,hsl(219, 45%, 11%),#16242c) !important;
}
body.dark .program-card p,
body.dark .ready-card p,
body.dark .special-card p {
    color: #c8d3dc !important;
}
body.dark .program-mini {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .vip-progress {
    background-color: hsl(213, 20%, 11%) !important;
}
body.dark .vip-progress span {
    background: linear-gradient(90deg,#2563eb,hsl(198, 45%, 20%),#f59e0b) !important;
}
body.dark .icon-btn {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .icon-btn {
    color: #c8d3dc !important;
}
body.dark .level-badge {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .level-badge {
    color: #c8d3dc !important;
}
body.dark .analysis-kpi {
    background: linear-gradient(180deg,hsl(214, 45%, 10%),#16242c) !important;
}
body.dark .analysis-card p {
    color: #c8d3dc !important;
}
body.dark .fancy-list li {
    background: linear-gradient(135deg,hsl(210, 22%, 11%),#16242c) !important;
}
body.dark .rank-no {
    background-color: hsl(219, 45%, 11%) !important;
}
body.dark .rank-no {
    color: #c8d3dc !important;
}
body.dark .rank-text {
    color: #c8d3dc !important;
}
body.dark .rank-value {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .rank-value {
    color: #c8d3dc !important;
}
body.dark .rank-value.red {
    background-color: hsl(5, 45%, 11%) !important;
}
body.dark .rank-value.red {
    color: #c8d3dc !important;
}
body.dark .rank-value.blue {
    background-color: hsl(219, 45%, 11%) !important;
}
body.dark .rank-value.blue {
    color: #c8d3dc !important;
}
body.dark .vip-lock-overlay {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .vip-lock-overlay h3 {
    color: #c8d3dc !important;
}
body.dark .vip-lock-overlay p {
    color: #c8d3dc !important;
}
body.dark .vip-lock-benefits span {
    background: linear-gradient(135deg,hsl(214, 45%, 10%),#16242c) !important;
}
body.dark .vip-lock-benefits span {
    color: #c8d3dc !important;
}
body.dark .vip-promo-ribbon {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .vip-promo-ribbon {
    color: #c8d3dc !important;
}
body.dark .bottom-cta {
    background: linear-gradient(135deg,#16242c,hsl(219, 45%, 11%)) !important;
}
body.dark .bottom-cta p {
    color: #c8d3dc !important;
}
body.dark .main-container {
    background: radial-gradient(circle at 6% 8%, rgba(37,99,235,.10), transparent 28%),
                radial-gradient(circle at 96% 8%, hsla(262, 45%, 20%, 0.1), transparent 30%),
                linear-gradient(180deg,hsl(214, 45%, 10%) 0%,hsl(220, 33%, 11%) 100%) !important;
}
body.dark .ko-gradient-text {
    background: linear-gradient(90deg,#1d4ed8,hsl(262, 45%, 20%)) !important;
}
body.dark .ko-btn-light {
    background-color: #16242c !important;
}
body.dark .ko-btn-light {
    color: #c8d3dc !important;
}
body.dark .pill-blue {
    background-color: hsl(220, 45%, 11%) !important;
}
body.dark .pill-blue {
    color: #c8d3dc !important;
}
body.dark .pill-green {
    background-color: hsl(143, 45%, 11%) !important;
}
body.dark .pill-green {
    color: #c8d3dc !important;
}
body.dark .pill-orange {
    background-color: hsl(26, 45%, 11%) !important;
}
body.dark .pill-orange {
    color: #c8d3dc !important;
}
body.dark .pill-purple {
    background-color: hsl(257, 45%, 11%) !important;
}
body.dark .pill-purple {
    color: #c8d3dc !important;
}
body.dark .pill-gold {
    background-color: hsl(48, 45%, 12%) !important;
}
body.dark .pill-gold {
    color: #c8d3dc !important;
}
body.dark .ko-hero {
    background: linear-gradient(120deg, rgba(22, 36, 44, 0.95) 0%, rgba(22, 36, 44, 0.84) 54%, hsla(212, 45%, 11%, 0.95) 100%) !important;
}
body.dark .ko-price-card {
    background: radial-gradient(circle at 85% 15%, rgba(22, 36, 44, 0.2), transparent 24%),
                linear-gradient(145deg,#061328 0%,#071d45 55%,#123d8b 100%) !important;
}
body.dark .ko-badge-medal {
    background: linear-gradient(145deg,hsl(47, 45%, 16%),#f59e0b) !important;
}
body.dark .ko-badge-medal {
    color: #c8d3dc !important;
}
body.dark .ko-price-label {
    background-color: hsl(45, 45%, 17%) !important;
}
body.dark .ko-price-label {
    color: #c8d3dc !important;
}
body.dark .icon-blue {
    background: linear-gradient(135deg,hsl(217, 45%, 20%),#1d4ed8) !important;
}
body.dark .icon-orange {
    background: linear-gradient(135deg,hsl(27, 45%, 20%),#ea580c) !important;
}
body.dark .icon-purple {
    background: linear-gradient(135deg,hsl(255, 45%, 17%),hsl(262, 45%, 20%)) !important;
}
body.dark .overlay-badge {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .paket-detail-col {
    background-color: #16242c !important;
}
body.dark .vip-feature-list li {
    color: #c8d3dc !important;
}
body.dark .feature-icon {
    background-color: hsl(141, 45%, 12%) !important;
}
body.dark .package-subtitle {
    color: #c8d3dc !important;
}
body.dark .price-box {
    background: linear-gradient(135deg,hsl(214, 45%, 10%),hsl(215, 45%, 11%)) !important;
}
body.dark .price-box .main-price {
    color: #c8d3dc !important;
}
body.dark .vip-status-box {
    background: linear-gradient(135deg,hsl(47, 45%, 12%),hsl(48, 45%, 11%)) !important;
}
body.dark .vip-status-title {
    color: #c8d3dc !important;
}
body.dark .ko-trust-strip {
    background: linear-gradient(90deg,hsl(217, 45%, 11%),hsl(210, 45%, 10%)) !important;
}
body.dark .ko-trust-title {
    color: #c8d3dc !important;
}
body.dark .ko-trust-mini span {
    background-color: #16242c !important;
}
body.dark .ko-trust-mini span {
    color: #c8d3dc !important;
}
body.dark .section-title-wrap h4 {
    color: #c8d3dc !important;
}
body.dark .benefit-card,
body.dark .vip-analysis-card,
body.dark .trust-box,
body.dark .vip-preview-mini-card {
    background-color: #16242c !important;
}
body.dark .benefit-card h6,
body.dark .vip-analysis-card h6 {
    color: #c8d3dc !important;
}
body.dark .benefit-card p,
body.dark .vip-analysis-card p {
    color: #c8d3dc !important;
}
body.dark .trust-title {
    color: #c8d3dc !important;
}
body.dark .trust-text {
    color: #c8d3dc !important;
}
body.dark .vip-preview-wrapper {
    background: linear-gradient(135deg,hsl(210, 22%, 11%),hsl(215, 45%, 11%)) !important;
}
body.dark .vip-preview-label {
    color: #c8d3dc !important;
}
body.dark .vip-preview-value {
    color: #c8d3dc !important;
}
body.dark .vip-preview-big {
    background-color: #16242c !important;
}
body.dark .vip-preview-lock {
    background-color: hsl(46, 45%, 13%) !important;
}
body.dark .vip-preview-lock {
    color: #c8d3dc !important;
}
body.dark .fake-line {
    background: linear-gradient(180deg,hsl(212, 45%, 16%),#2563eb) !important;
}
body.dark .vip-preview-note {
    color: #c8d3dc !important;
}
body.dark .vip-compare-table th {
    background-color: hsl(214, 26%, 11%) !important;
}
body.dark .vip-compare-table th {
    color: #c8d3dc !important;
}
body.dark .faq-item h6 {
    color: #c8d3dc !important;
}
body.dark .payment-mini-item {
    color: #c8d3dc !important;
}
body.dark .payment-summary {
    background-color: #16242c !important;
}
body.dark .paket-detail-col {
    background-color: #16242c !important;
}
body.dark .package-subtitle {
    color: #c8d3dc !important;
}
body.dark .prestige-highlight-card {
    background: linear-gradient(135deg,hsl(214, 45%, 10%),hsl(215, 45%, 11%)) !important;
}
body.dark .prestige-highlight-card strong {
    color: #c8d3dc !important;
}
body.dark .prestige-highlight-card small {
    color: #c8d3dc !important;
}
body.dark .feature-list-title {
    color: #c8d3dc !important;
}
body.dark .compact-feature-list li,
body.dark .paket-detail-card .vip-feature-list li {
    color: #c8d3dc !important;
}
body.dark .ko-package-card .feature-list-title {
    color: #c8d3dc !important;
}
body.dark .ko-package-card .compact-feature-list .feature-icon {
    background-color: hsl(141, 45%, 12%) !important;
}
body.dark .card-header .nav-pills .nav-link.active {
    background-color: rgba(22, 36, 44, 0.2) !important;
}
body.dark .winner-highlight {
    background-color: hsl(125, 22%, 12%) !important;
}
body.dark .loser-gray {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .hatali-kelime-item:hover {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .hatali-kelime-scroll::-webkit-scrollbar-thumb {
    background-color: #16242c !important;
}
body.dark .yazilacak-metin {
    background-color: #16242c !important;
}
body.dark body.lider-modu {
    background-color: hsl(136, 45%, 11%) !important;
}
body.dark body.geride-modu {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .sonuc-card {
    background-color: #16242c !important;
}
body.dark .sonuc-card.winner {
    background-color: hsl(129, 45%, 10%) !important;
}
body.dark .sonuc-card.youlost {
    background-color: hsl(0, 45%, 10%) !important;
}
body.dark .score-label {
    color: #c8d3dc !important;
}
body.dark .meta-badge {
    background-color: hsl(210, 9%, 12%) !important;
}
body.dark .premium-locked {
    background: linear-gradient(135deg,hsl(210, 9%, 11%),hsl(210, 9%, 12%)) !important;
}
body.dark .podyum-card {
    background-color: #16242c !important;
}
body.dark .podyum-card.gold {
    background: linear-gradient(to bottom, #16242c, hsl(46, 45%, 11%)) !important;
}
body.dark .table-responsive::-webkit-scrollbar-thumb {
    background-color: #16242c !important;
}
body.dark .player-card {
    background-color: rgba(22, 36, 44, 0.05) !important;
}
body.dark .rutbe-scroll-container::-webkit-scrollbar-thumb {
    background-color: #16242c !important;
}
body.dark .rutbe-card {
    background-color: #16242c !important;
}
body.dark .rank-name {
    color: #c8d3dc !important;
}
body.dark .bg-silver {
    background: linear-gradient(90deg, #16242c, #16242c) !important;
}
body.dark .row-g6 .col-md-4:nth-child(1) .card-box {
    background: linear-gradient(180deg, hsl(198, 45%, 11%) 0%, hsl(197, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .row-g6 .col-md-4:nth-child(1) .toplistheader {
    background: linear-gradient(135deg, hsl(197, 45%, 12%), hsl(176, 39%, 11%)) !important;
}
body.dark .row-g6 .col-md-4:nth-child(2) .card-box {
    background: linear-gradient(180deg, hsl(355, 45%, 11%) 0%, hsl(0, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .row-g6 .col-md-4:nth-child(2) .toplistheader {
    background: linear-gradient(135deg, hsl(355, 45%, 11%), hsl(354, 45%, 11%)) !important;
}
body.dark .row-g6 .col-md-4:nth-child(3) .card-box {
    background: linear-gradient(180deg, hsl(47, 45%, 12%) 0%, hsl(49, 45%, 11%) 45%, #16242c 100%) !important;
}
body.dark .row-g6 .col-md-4:nth-child(3) .toplistheader {
    background: linear-gradient(135deg, hsl(45, 45%, 13%), hsl(46, 45%, 11%)) !important;
}
body.dark .toplistheader h6 {
    color: #c8d3dc !important;
}
body.dark .card-box .list-group {
    background-color: rgba(22, 36, 44, 0.45) !important;
}
body.dark .card-box .list-group-item {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .card-box .list-group-item:hover {
    background-color: #16242c !important;
}
body.dark .card-box .list-group-item:nth-child(1) {
    background: linear-gradient(135deg, hsl(50, 45%, 11%), #16242c) !important;
}
body.dark .card-box .list-group-item:nth-child(2) {
    background: linear-gradient(135deg, hsl(220, 15%, 11%), #16242c) !important;
}
body.dark .card-box .list-group-item:nth-child(3) {
    background: linear-gradient(135deg, hsl(30, 45%, 11%), #16242c) !important;
}
body.dark .card-box .font-14,
body.dark .card-box .weight-600 {
    color: #c8d3dc !important;
}
body.dark .card-box .badge {
    background: linear-gradient(135deg, hsl(212, 45%, 11%), hsl(214, 45%, 10%)) !important;
}
body.dark .card-box .badge {
    color: #c8d3dc !important;
}
body.dark .card-box .cta img {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .btn-group-toggle .btn-outline-primary {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .btn-group-toggle .btn-outline-primary {
    color: #c8d3dc !important;
}
body.dark .btn-group-toggle .btn-outline-primary:hover,
body.dark .btn-group-toggle .btn-outline-primary.active,
body.dark .btn-group-toggle .btn-outline-primary:has(input:checked) {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .btn-group-toggle .btn-outline-primary:hover,
body.dark .btn-group-toggle .btn-outline-primary.active,
body.dark .btn-group-toggle .btn-outline-primary:has(input:checked) {
    color: #c8d3dc !important;
}
body.dark button[data-target="#fklavyeayarmodal"].btn-primary {
    background: linear-gradient(135deg, #44a8bd, hsl(172, 22%, 20%)) !important;
}
body.dark button[onclick="kmusinavbasla()"].btn-warning {
    background: linear-gradient(135deg, hsl(44, 45%, 20%) 0%, hsl(29, 45%, 20%) 55%, hsl(14, 45%, 19%) 100%) !important;
}
body.dark #dailyBestCarousel .card-header {
    background: linear-gradient(135deg, hsl(45, 45%, 13%), hsl(46, 45%, 11%)) !important;
}
body.dark #dailyBestCarousel .card-header {
    color: #c8d3dc !important;
}
body.dark #dailyBestCarousel .card-body {
    background: linear-gradient(180deg, hsl(49, 45%, 11%), #16242c) !important;
}
body.dark #dailyBestCarousel .toplist {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark #dailyBestCarousel .toplist:hover {
    background-color: #16242c !important;
}
body.dark #dailyBestCarousel h6 {
    color: #c8d3dc !important;
}
body.dark #dailyBestCarousel .btn {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(176, 39%, 11%)) !important;
}
body.dark #dailyBestCarousel .btn {
    color: #c8d3dc !important;
}
body.dark #dailyBestCarousel .btn:hover {
    background-color: #16242c !important;
}
body.dark .hiztest-seo-hero {
    background: linear-gradient(135deg, hsl(199, 45%, 11%) 0%, hsl(47, 45%, 12%) 55%, #16242c 100%) !important;
}
body.dark .hiztest-hero-badge {
    background-color: rgba(22, 36, 44, 0.82) !important;
}
body.dark .hiztest-hero-badge {
    color: #c8d3dc !important;
}
body.dark .hiztest-seo-hero h1 {
    color: #c8d3dc !important;
}
body.dark .hiztest-seo-hero p {
    color: #c8d3dc !important;
}
body.dark .hiztest-hero-mini span {
    background-color: #16242c !important;
}
body.dark .hiztest-hero-mini span {
    color: #c8d3dc !important;
}
body.dark .faq-wrap .card-header button {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(176, 39%, 11%)) !important;
}
body.dark .faq-wrap .card-header button {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-wrapper {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .hiztest-info-wrapper {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-hero {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), hsl(49, 45%, 11%)) !important;
}
body.dark .hiztest-info-label {
    background-color: #16242c !important;
}
body.dark .hiztest-info-label {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-wrapper h2 {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-wrapper h3 {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-wrapper p {
    color: #c8d3dc !important;
}
body.dark .hiztest-info-card,
body.dark .hiztest-content-section,
body.dark .hiztest-two-column {
    background-color: #16242c !important;
}
body.dark .hiztest-info-card i {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .hiztest-info-card i {
    color: #c8d3dc !important;
}
body.dark .hiztest-check-list li {
    background-color: hsl(200, 33%, 11%) !important;
}
body.dark .hiztest-check-list li {
    color: #c8d3dc !important;
}
body.dark .hiztest-step-list div {
    background: linear-gradient(135deg, hsl(206, 45%, 10%), #16242c) !important;
}
body.dark .hiztest-step-list div {
    color: #c8d3dc !important;
}
body.dark .hiztest-final-call {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(29, 45%, 20%)) !important;
}
body.dark .card-boxduel,
body.dark .duello-toplist-card,
body.dark #duelloToplist,
body.dark .duello-toplist,
body.dark .toplist-card {
    background: linear-gradient(180deg, hsl(198, 45%, 11%) 0%, hsl(197, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .card-boxduel .card-header,
body.dark .duello-toplist .card-header,
body.dark .toplist-card .card-header {
    background: linear-gradient(135deg, hsl(197, 45%, 12%), hsl(176, 39%, 11%)) !important;
}
body.dark .card-boxduel .card-header,
body.dark .duello-toplist .card-header,
body.dark .toplist-card .card-header {
    color: #c8d3dc !important;
}
body.dark .card-boxduel table td,
body.dark .duello-toplist table td,
body.dark .toplist-card table td {
    color: #c8d3dc !important;
}
body.dark .card-box:has(.toplistheader),
body.dark .card-box:has(.list-group .toplist),
body.dark .card-boxduel:has(.toplistheader),
body.dark .card-boxduel:has(.list-group .toplist) {
    background: linear-gradient(180deg, hsl(198, 45%, 11%) 0%, hsl(197, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .row > [class*="col-"]:nth-child(1) > .card-box:has(.toplistheader),
body.dark .row > [class*="col-"]:nth-child(1) > .card-boxduel:has(.toplistheader) {
    background: linear-gradient(180deg, hsl(198, 45%, 11%) 0%, hsl(197, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader),
body.dark .row > [class*="col-"]:nth-child(2) > .card-boxduel:has(.toplistheader) {
    background: linear-gradient(180deg, hsl(355, 45%, 11%) 0%, hsl(0, 45%, 10%) 45%, #16242c 100%) !important;
}
body.dark .row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader),
body.dark .row > [class*="col-"]:nth-child(3) > .card-boxduel:has(.toplistheader) {
    background: linear-gradient(180deg, hsl(47, 45%, 12%) 0%, hsl(49, 45%, 11%) 45%, #16242c 100%) !important;
}
body.dark .card-box:has(.toplistheader) .toplistheader,
body.dark .card-boxduel:has(.toplistheader) .toplistheader {
    background: linear-gradient(135deg, hsl(197, 45%, 12%), hsl(176, 39%, 11%)) !important;
}
body.dark .row > [class*="col-"]:nth-child(2) > .card-box:has(.toplistheader) .toplistheader,
body.dark .row > [class*="col-"]:nth-child(2) > .card-boxduel:has(.toplistheader) .toplistheader {
    background: linear-gradient(135deg, hsl(355, 45%, 11%), hsl(354, 45%, 11%)) !important;
}
body.dark .row > [class*="col-"]:nth-child(3) > .card-box:has(.toplistheader) .toplistheader,
body.dark .row > [class*="col-"]:nth-child(3) > .card-boxduel:has(.toplistheader) .toplistheader {
    background: linear-gradient(135deg, hsl(45, 45%, 13%), hsl(46, 45%, 11%)) !important;
}
body.dark .card-box:has(.toplistheader) .toplistheader h6,
body.dark .card-boxduel:has(.toplistheader) .toplistheader h6,
body.dark .card-box:has(.toplistheader) .toplistheader .card-title,
body.dark .card-boxduel:has(.toplistheader) .toplistheader .card-title {
    color: #c8d3dc !important;
}
body.dark .card-box .list-group-item.toplist,
body.dark .card-boxduel .list-group-item.toplist,
body.dark .card-box .toplist.list-group-item,
body.dark .card-boxduel .toplist.list-group-item {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .card-box .list-group-item.toplist:hover,
body.dark .card-boxduel .list-group-item.toplist:hover,
body.dark .card-box .toplist.list-group-item:hover,
body.dark .card-boxduel .toplist.list-group-item:hover {
    background-color: #16242c !important;
}
body.dark .card-box .list-group-item.toplist:nth-child(1),
body.dark .card-boxduel .list-group-item.toplist:nth-child(1) {
    background: linear-gradient(135deg, hsl(50, 45%, 11%), #16242c) !important;
}
body.dark .card-box .list-group-item.toplist:nth-child(2),
body.dark .card-boxduel .list-group-item.toplist:nth-child(2) {
    background: linear-gradient(135deg, hsl(220, 15%, 11%), #16242c) !important;
}
body.dark .card-box .list-group-item.toplist:nth-child(3),
body.dark .card-boxduel .list-group-item.toplist:nth-child(3) {
    background: linear-gradient(135deg, hsl(30, 45%, 11%), #16242c) !important;
}
body.dark .card-box .toplist .font-14,
body.dark .card-box .toplist .weight-600,
body.dark .card-boxduel .toplist .font-14,
body.dark .card-boxduel .toplist .weight-600,
body.dark .card-box .toplist .txt div,
body.dark .card-boxduel .toplist .txt div {
    color: #c8d3dc !important;
}
body.dark .card-box .toplist .badge,
body.dark .card-boxduel .toplist .badge {
    background: linear-gradient(135deg, hsl(212, 45%, 11%), hsl(214, 45%, 10%)) !important;
}
body.dark .card-box .toplist .badge,
body.dark .card-boxduel .toplist .badge {
    color: #c8d3dc !important;
}
body.dark .card-box .toplist .cta img,
body.dark .card-boxduel .toplist .cta img {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .card-boxduel table tbody tr,
body.dark .duello-toplist table tbody tr,
body.dark .toplist-card table tbody tr {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .card-boxduel table tbody tr:hover,
body.dark .duello-toplist table tbody tr:hover,
body.dark .toplist-card table tbody tr:hover {
    background-color: #16242c !important;
}
body.dark .card-boxduel .table td,
body.dark .duello-toplist .table td,
body.dark .toplist-card .table td {
    color: #c8d3dc !important;
}
body.dark .duello-chat-toggle {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .duello-chat-toggle:hover {
    background-color: rgba(22, 36, 44, 0.28) !important;
}
body.dark .duello-chat-card .card-body,
body.dark .duello-chat-card .chat-detail,
body.dark .duello-chat-card .chat-box {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .duello-chat-card .chat-footer {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .duello-chat-card .chat-reply-box {
    background: linear-gradient(135deg, hsl(44, 45%, 11%), #16242c) !important;
}
body.dark .duello-chat-card .chat-reply-box {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card .cancel-reply {
    background-color: #16242c !important;
}
body.dark .duello-chat-card .chat_text_area textarea {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .duello-chat-card .chat_text_area textarea {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card .chat_text_area textarea:focus {
    background-color: #16242c !important;
}
body.dark .duello-chat-card .chat_send .btn {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(21, 45%, 20%)) !important;
}
body.dark .faq-wrap .accordion-item {
    background-color: #16242c !important;
}
body.dark .faq-wrap > .accordion-item > .card-header button {
    background: linear-gradient(135deg, hsl(198, 45%, 11%) 0%, hsl(47, 45%, 12%) 58%, #16242c 100%) !important;
}
body.dark .faq-wrap > .accordion-item > .card-header button {
    color: #c8d3dc !important;
}
body.dark .duello-info-hero {
    background: linear-gradient(135deg, hsl(200, 45%, 11%) 0%, hsl(47, 45%, 12%) 62%, #16242c 100%) !important;
}
body.dark .duello-info-badge {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .duello-info-badge {
    color: #c8d3dc !important;
}
body.dark .duello-info-hero h2 {
    color: #c8d3dc !important;
}
body.dark .duello-info-hero p,
body.dark .duello-info-card p,
body.dark .duello-strategy-box p {
    color: #c8d3dc !important;
}
body.dark .duello-info-mini span {
    background-color: #16242c !important;
}
body.dark .duello-info-mini span {
    color: #c8d3dc !important;
}
body.dark .duello-info-cta,
body.dark .duello-info-secondary-cta {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(21, 45%, 20%)) !important;
}
body.dark .duello-info-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .duello-info-card-icon {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .duello-info-card h3,
body.dark .duello-strategy-box h3 {
    color: #c8d3dc !important;
}
body.dark .duello-faq-modern .card-header {
    background-color: #16242c !important;
}
body.dark .rutbe-section-modern {
    background: linear-gradient(135deg, hsl(206, 45%, 10%), hsl(48, 45%, 11%)) !important;
}
body.dark .rutbe-section-title span {
    color: #c8d3dc !important;
}
body.dark .rutbe-section-modern .rutbe-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .rutbe-section-modern .rank-name {
    color: #c8d3dc !important;
}
body.dark .rutbe-section-modern .rank-points {
    background-color: hsl(206, 26%, 11%) !important;
}
body.dark .rutbe-section-modern .rank-points {
    color: #c8d3dc !important;
}
body.dark .duello-page {
    background: radial-gradient(circle at 9% 8%, hsla(171, 26%, 20%, 0.13), transparent 28%), radial-gradient(circle at 91% 10%, hsla(42, 45%, 19%, 0.16), transparent 26%), linear-gradient(180deg, hsl(207, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .duello-page {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.88), hsla(207, 45%, 10%, 0.94)), repeating-linear-gradient(135deg, rgba(58,174,195,.045) 0 1px, transparent 1px 11px) !important;
}
body.dark .duello-chat-card .chat-box,
body.dark .duello-chat-card .chat-detail,
body.dark .duello-chat-card .card-body {
    background: radial-gradient(circle at 16% 10%, hsla(171, 26%, 20%, 0.1), transparent 30%), linear-gradient(180deg, hsla(206, 45%, 10%, 0.96), rgba(22, 36, 44, 0.98)) !important;
}
body.dark .stat-cyan {
    background: linear-gradient(135deg, hsl(194, 45%, 11%) 0%, #16242c 100%) !important;
}
body.dark .stat-red {
    background: linear-gradient(135deg, hsl(0, 45%, 11%) 0%, #16242c 100%) !important;
}
body.dark .stat-gold {
    background: linear-gradient(135deg, hsl(47, 45%, 12%) 0%, #16242c 100%) !important;
}
body.dark .card-boxduel {
    background: linear-gradient(180deg, hsla(202, 45%, 10%, 0.98), rgba(22, 36, 44, 0.98)), repeating-linear-gradient(135deg, rgba(58,174,195,.035) 0 1px, transparent 1px 12px) !important;
}
body.dark .card-side-panel {
    background-color: rgba(22, 36, 44, 0.97) !important;
}
body.dark .duelloTabstab .nav-link {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .duelloTabstab .nav-link {
    color: #c8d3dc !important;
}
body.dark .duelloTabstab .nav-link.active {
    background: linear-gradient(135deg, hsl(194, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .duelloTabstab .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .duello-topbar {
    background: linear-gradient(180deg, rgba(22, 36, 44, 0.96), hsla(210, 45%, 10%, 0.94)) !important;
}
body.dark .stat-pill {
    background-color: #16242c !important;
}
body.dark .stat-title {
    color: #c8d3dc !important;
}
body.dark .stat-red .stat-icon {
    background: linear-gradient(145deg, #b64642, hsl(10, 44%, 19%)) !important;
}
body.dark .stat-gold .stat-avatar {
    background: linear-gradient(145deg, #d8a93d, hsl(45, 45%, 15%)) !important;
}
body.dark .live-duel-badge {
    background-color: hsl(4, 35%, 20%) !important;
}
body.dark #bireysel-card-container > .card-header,
body.dark #toplu-card-container > .card-header {
    background: linear-gradient(135deg, hsl(214, 45%, 10%) 0%, hsl(198, 34%, 11%) 100%) !important;
}
body.dark #bireysel-card-container > .card-header,
body.dark #toplu-card-container > .card-header {
    color: #c8d3dc !important;
}
body.dark #bireysel-card-container > .card-header > span,
body.dark #toplu-card-container > .card-header > span {
    color: #c8d3dc !important;
}
body.dark #bireysel-card-container > .card-header .btn,
body.dark #toplu-card-container > .card-header .btn {
    background: linear-gradient(135deg, #16242c 0%, hsl(7, 45%, 10%) 100%) !important;
}
body.dark #bireysel-card-container > .card-header .btn,
body.dark #toplu-card-container > .card-header .btn {
    color: #c8d3dc !important;
}
body.dark #bireysel-card-container > .card-header .btn:hover,
body.dark #toplu-card-container > .card-header .btn:hover {
    background: linear-gradient(135deg, hsl(20, 45%, 10%) 0%, hsl(7, 45%, 11%) 100%) !important;
}
body.dark #bireysel-card-container > .card-header .btn:hover,
body.dark #toplu-card-container > .card-header .btn:hover {
    color: #c8d3dc !important;
}
body.dark .duello-chat-icon {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .duello-faq-modern {
    background: linear-gradient(180deg, #16242c 0%, hsl(204, 31%, 10%) 100%) !important;
}
body.dark .duello-faq-modern h2 {
    color: #c8d3dc !important;
}
body.dark .duello-faq-subtitle {
    color: #c8d3dc !important;
}
body.dark .duello-faq-modern .card-header button {
    background: linear-gradient(135deg, hsl(206, 45%, 10%) 0%, hsl(194, 34%, 11%) 100%) !important;
}
body.dark .duello-faq-modern .card-header button {
    color: #c8d3dc !important;
}
body.dark .duello-faq-modern .card-header button i {
    background-color: #16242c !important;
}
body.dark .duello-faq-modern .card-header button i {
    color: #c8d3dc !important;
}
body.dark .duello-faq-modern .card-body {
    background-color: #16242c !important;
}
body.dark .duello-faq-modern .card-body {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-metric strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-metric span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field label,
body.dark .klavye-calisma-page .kc-choice-title {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover,
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active {
    background: linear-gradient(135deg, hsl(196, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover,
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-accordion {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-guide-body {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .klavye-calisma-page .kc-guide-hero {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), hsl(51, 45%, 11%)) !important;
}
body.dark .klavye-calisma-page .kc-guide-label {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-guide-label {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-body h2,
body.dark .klavye-calisma-page .kc-mini-faq h2 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-body h3 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-body p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-btn {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(29, 45%, 20%)) !important;
}
body.dark .klavye-calisma-page .kc-guide-btn-light {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(176, 39%, 11%)) !important;
}
body.dark .klavye-calisma-page .kc-guide-btn-light {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-image {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-info-card,
body.dark .klavye-calisma-page .kc-guide-section,
body.dark .klavye-calisma-page .kc-mini-faq {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-info-card > i {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .klavye-calisma-page .kc-info-card > i {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-check-list li {
    background-color: hsl(200, 33%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-check-list li {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-mode-chips span {
    background-color: hsl(200, 33%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-mode-chips span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-mini-item {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-mini-question {
    background: linear-gradient(135deg, hsl(206, 45%, 10%), #16242c) !important;
}
body.dark .klavye-calisma-page .kc-mini-question {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-mini-answer {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-note i {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-hero-metric {
    background-color: rgba(22, 36, 44, 0.82) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid div strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid div span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-image img {
    background: linear-gradient(180deg, hsl(210, 22%, 11%) 0%, hsl(210, 11%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-visual-card {
    background: linear-gradient(180deg, hsl(210, 14%, 10%) 0%, hsl(210, 14%, 11%) 54%, hsl(204, 13%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-visual-card {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-card p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid div {
    background-color: rgba(22, 36, 44, 0.82) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid div {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid div:hover {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-card.kc-visual-no-image {
    background: radial-gradient(circle at 8% 8%, rgba(32, 134, 160, .055), transparent 31%), linear-gradient(180deg, hsl(220, 33%, 10%) 0%, hsl(210, 12%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-visual-card.kc-visual-no-image {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-no-image .kc-visual-badge {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-visual-no-image .kc-visual-badge {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-no-image h2 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-no-image p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-motive-item {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-motive-icon {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .klavye-calisma-page .kc-motive-icon {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-motive-item strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-motive-item p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable div {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-mini-stats span {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-mini-stats span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-mini-stats i {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-side-card {
    background: linear-gradient(180deg, #16242c, hsl(204, 31%, 10%)) !important;
}
body.dark .klavye-calisma-page .kc-guide-side-card span {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-guide-side-card span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-side-card strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-side-card p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-orb-two {
    background-color: hsla(34, 45%, 20%, 0.07) !important;
}
body.dark .klavye-calisma-page .kc-focus-icon {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(43, 45%, 12%)) !important;
}
body.dark .klavye-calisma-page .kc-focus-card strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-focus-card span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-card {
    background: linear-gradient(180deg, #16242c 0%, hsl(210, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-panel-header h2 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-header h2 i {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-pill {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .klavye-calisma-page .kc-guide-toggle {
    background: linear-gradient(180deg, #16242c 0%, hsl(210, 22%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-guide-toggle {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-eyebrow {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .klavye-calisma-page .kc-eyebrow {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-tags span {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-hero-tags span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-feature span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid i,
body.dark .klavye-calisma-page .kc-benefit-grid-readable i {
    background-color: hsl(39, 45%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid strong,
body.dark .klavye-calisma-page .kc-benefit-grid-readable strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid span,
body.dark .klavye-calisma-page .kc-benefit-grid-readable span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-body {
    background: linear-gradient(180deg, #16242c 0%, hsl(210, 18%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-choice-card {
    background: linear-gradient(180deg, #16242c 0%, hsl(206, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-panel-note {
    background: linear-gradient(135deg, hsl(207, 45%, 10%) 0%, hsl(43, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-panel-note {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-card,
body.dark .klavye-calisma-page .kc-visual-card-split {
    background: radial-gradient(circle at 96% 18%, rgba(58, 174, 195, .08) 0 118px, transparent 119px), radial-gradient(circle at 2% 98%, hsla(42, 45%, 19%, 0.08) 0 100px, transparent 101px), linear-gradient(180deg, #16242c 0%, hsl(206, 45%, 10%) 48%, hsl(207, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-visual-card h2,
body.dark .klavye-calisma-page .kc-visual-copy h2 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-card p,
body.dark .klavye-calisma-page .kc-visual-copy p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-monitor-img {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-focus-card {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid > div,
body.dark .klavye-calisma-page .kc-benefit-grid-readable > div {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .klavye-calisma-page .kc-panel-kicker {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-header h2,
body.dark .klavye-calisma-page .kc-panel-header h2 i {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-guide-toggle small {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable > div i {
    background: linear-gradient(135deg,hsl(43, 45%, 11%),hsl(210, 45%, 10%)) !important;
}
body.dark .klavye-calisma-page .kc-visual-card-split {
    background: radial-gradient(circle at 92% 5%, rgba(69, 172, 190, .10) 0, rgba(69, 172, 190, .10) 80px, transparent 82px), radial-gradient(circle at 2% 98%, hsla(37, 45%, 20%, 0.1) 0, hsla(37, 45%, 20%, 0.1) 78px, transparent 80px), linear-gradient(135deg, #16242c 0%, hsl(204, 31%, 10%) 58%, hsl(40, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-visual-badge {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .klavye-calisma-page .kc-visual-badge {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-copy h2 {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-visual-copy p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable > div {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable i {
    background: linear-gradient(135deg, hsl(40, 45%, 11%), hsl(214, 45%, 10%)) !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable strong {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-benefit-grid-readable span {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-header {
    background: radial-gradient(circle at 96% 0%, rgba(22, 36, 44, 0.45) 0, rgba(22, 36, 44, 0.45) 78px, transparent 80px), linear-gradient(135deg, hsl(198, 45%, 11%) 0%, hsl(206, 45%, 10%) 54%, hsl(43, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-panel-header {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-panel-header h2,
body.dark .klavye-calisma-page .kc-panel-kicker {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .ko-ad,
body.dark .main-container .ko-ad {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .klavye-calisma-page .ko-ad-placeholder,
body.dark .main-container .ko-ad-placeholder {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.78), hsla(206, 45%, 10%, 0.92)), repeating-linear-gradient(45deg, hsl(207, 33%, 11%) 0, hsl(207, 33%, 11%) 12px, hsl(208, 34%, 11%) 12px, hsl(208, 34%, 11%) 24px) !important;
}
body.dark .klavye-calisma-page .kc-hero {
    background: radial-gradient(circle at 9% -18%, hsla(42, 45%, 19%, 0.13) 0 105px, transparent 106px), radial-gradient(circle at 96% -12%, rgba(58, 174, 195, .10) 0 115px, transparent 116px), linear-gradient(135deg, hsl(207, 45%, 10%) 0%, #16242c 58%, hsl(43, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-hero p {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-feature-panel {
    background-color: rgba(22, 36, 44, 0.78) !important;
}
body.dark .klavye-calisma-page .kc-hero-feature {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-hero-feature {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-hero-feature i {
    background-color: hsl(198, 45%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary {
    background: linear-gradient(180deg, #16242c 0%, hsl(200, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), #16242c) !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary:hover {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active {
    background: linear-gradient(135deg, hsl(199, 45%, 12%) 0%, hsl(197, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-choice-card .btn-group-toggle .btn-outline-primary.active {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field .custom-select {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-field .custom-select {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field .custom-select:hover {
    background-image: linear-gradient(45deg, transparent 50%, #2a8bb5 50%), linear-gradient(135deg, #2a8bb5 50%, transparent 50%), linear-gradient(135deg, hsl(198, 45%, 11%) 0%, #16242c 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .custom-select:focus {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-field .custom-select:disabled {
    background-color: hsl(204, 25%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-settings-btn i {
    background-color: hsl(215, 45%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-start-btn i {
    background-color: rgba(22, 36, 44, 0.2) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap:hover select.custom-select,
body.dark .klavye-calisma-page #anaGrup.custom-select:hover,
body.dark .klavye-calisma-page #metinGrup.custom-select:hover,
body.dark .klavye-calisma-page #metin.custom-select:hover,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:hover {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(199, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field select.custom-select:focus,
body.dark .klavye-calisma-page #anaGrup.custom-select:focus,
body.dark .klavye-calisma-page #metinGrup.custom-select:focus,
body.dark .klavye-calisma-page #metin.custom-select:focus,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:focus {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(195, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field select.custom-select:disabled,
body.dark .klavye-calisma-page #metinGrup.custom-select:disabled,
body.dark .klavye-calisma-page #metin.custom-select:disabled {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .klavye-calisma-page .kc-settings-btn:hover {
    background-color: hsl(210, 28%, 11%) !important;
}
body.dark .klavye-calisma-page .kc-settings-btn:hover {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-settings-btn {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-settings-btn {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select,
body.dark .klavye-calisma-page .kc-field select.custom-select,
body.dark #anaGrup.custom-select,
body.dark #metinGrup.custom-select,
body.dark #metin.custom-select,
body.dark #sinavmodusecinmi.custom-select {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select,
body.dark .klavye-calisma-page .kc-field select.custom-select,
body.dark #anaGrup.custom-select,
body.dark #metinGrup.custom-select,
body.dark #metin.custom-select,
body.dark #sinavmodusecinmi.custom-select {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page #anaGrup.custom-select:hover,
body.dark .klavye-calisma-page #metinGrup.custom-select:hover,
body.dark .klavye-calisma-page #metin.custom-select:hover,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:hover,
body.dark .klavye-calisma-page .kc-field select.custom-select:hover,
body.dark .klavye-calisma-page #anaGrup.custom-select:focus,
body.dark .klavye-calisma-page #metinGrup.custom-select:focus,
body.dark .klavye-calisma-page #metin.custom-select:focus,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:focus,
body.dark .klavye-calisma-page .kc-field select.custom-select:focus {
    background-image: linear-gradient(45deg, transparent 50%, hsl(29, 45%, 20%) 50%), linear-gradient(135deg, hsl(29, 45%, 20%) 50%, transparent 50%), linear-gradient(180deg, #16242c 0%, hsl(199, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap select.custom-select,
body.dark .klavye-calisma-page .kc-field select.custom-select,
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select,
body.dark .kc-field .kc-select-wrap select.custom-select {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(200, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap select.custom-select,
body.dark .klavye-calisma-page .kc-field select.custom-select,
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select,
body.dark .kc-field .kc-select-wrap select.custom-select {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap:hover select.custom-select,
body.dark .klavye-calisma-page .kc-field .kc-select-wrap:focus-within select.custom-select,
body.dark .klavye-calisma-page .kc-field select.custom-select:hover,
body.dark .klavye-calisma-page .kc-field select.custom-select:focus,
body.dark .klavye-calisma-page #anaGrup.custom-select:hover,
body.dark .klavye-calisma-page #anaGrup.custom-select:focus,
body.dark .klavye-calisma-page #metinGrup.custom-select:hover,
body.dark .klavye-calisma-page #metinGrup.custom-select:focus,
body.dark .klavye-calisma-page #metin.custom-select:hover,
body.dark .klavye-calisma-page #metin.custom-select:focus,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:hover,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:focus {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(199, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap select.custom-select:disabled,
body.dark .klavye-calisma-page .kc-field select.custom-select:disabled,
body.dark .klavye-calisma-page #metinGrup.custom-select:disabled,
body.dark .klavye-calisma-page #metin.custom-select:disabled {
    background-image: linear-gradient(180deg, hsl(200, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select,
body.dark .klavye-calisma-page .kc-field .kc-select-wrap > select.sinavmodusecinmi.custom-select,
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select {
    background-color: #16242c !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select,
body.dark .klavye-calisma-page .kc-field .kc-select-wrap > select.sinavmodusecinmi.custom-select,
body.dark .klavye-calisma-page #anaGrup.custom-select,
body.dark .klavye-calisma-page #metinGrup.custom-select,
body.dark .klavye-calisma-page #metin.custom-select,
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field .select2-container--default .select2-selection--single,
body.dark .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle {
    background: linear-gradient(180deg, #16242c 0%, hsl(197, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .select2-container--default .select2-selection--single,
body.dark .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap:hover > select.custom-select,
body.dark .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle:hover {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(200, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap:focus-within > select.custom-select,
body.dark .klavye-calisma-page .kc-field .select2-container--focus .select2-selection--single,
body.dark .klavye-calisma-page .kc-field .select2-container--open .select2-selection--single,
body.dark .klavye-calisma-page .kc-field .bootstrap-select.show > .dropdown-toggle,
body.dark .klavye-calisma-page .kc-field .bootstrap-select > .dropdown-toggle:focus {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(199, 45%, 11%) 100%) !important;
}
body.dark .klavye-calisma-page #sinavmodusecinmi.custom-select:not(:focus),
body.dark .klavye-calisma-page .kc-select-wrap:not(:focus-within) > #sinavmodusecinmi.custom-select {
    background-image: linear-gradient(180deg, #16242c 0%, hsl(197, 45%, 10%) 100%) !important;
}
body.dark .klavye-calisma-page .kc-field .kc-select-wrap > select.custom-select:disabled,
body.dark .klavye-calisma-page #metinGrup.custom-select:disabled,
body.dark .klavye-calisma-page #metin.custom-select:disabled {
    background-image: linear-gradient(180deg, hsl(200, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .klavye-calisma-page .kc-field label {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish label,
body.dark .ko-page-polish .kc-field label {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .custom-select,
body.dark .ko-page-polish .form-control,
body.dark .ko-page-polish textarea.form-control {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .ko-page-polish .custom-select,
body.dark .ko-page-polish .form-control,
body.dark .ko-page-polish textarea.form-control {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-vip-box,
body.dark .ko-page-polish .ko-text-box {
    background-color: #16242c !important;
}
body.dark .ko-page-polish .ko-list-panel .card-header {
    background: linear-gradient(135deg, hsl(199, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .ko-page-polish .ko-list-panel .card-header {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-list-panel .card-header h5 {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-stat-badge {
    background-color: #16242c !important;
}
body.dark .ko-page-polish .ko-stat-badge h5 {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-seo-app-panel {
    background: linear-gradient(135deg, hsl(198, 45%, 11%), hsl(49, 45%, 11%)) !important;
}
body.dark .ko-page-polish .ko-seo-app-panel h2 {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-seo-app-panel p {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .ko-seo-app-panel a {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .kc-mini-question {
    background-color: #16242c !important;
}
body.dark .ko-page-polish .kc-mini-question {
    color: #c8d3dc !important;
}
body.dark .ko-page-polish .kc-mini-answer {
    background-color: hsl(200, 33%, 11%) !important;
}
body.dark .ko-page-polish .kc-mini-answer {
    color: #c8d3dc !important;
}
body.dark .ko-ad-value .ko-ad-inner {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-value-icon {
    background-color: hsl(43, 45%, 11%) !important;
}
body.dark .ko-value-text small {
    color: #c8d3dc !important;
}
body.dark .ko-value-text strong {
    color: #c8d3dc !important;
}
body.dark .ko-value-text span {
    color: #c8d3dc !important;
}
body.dark .ko-value-pill {
    background-color: #16242c !important;
}
body.dark .ko-value-pill {
    color: #c8d3dc !important;
}
body.dark .kelime-calisma-page .kc-hero {
    background: radial-gradient(circle at 9% -18%, hsla(42, 45%, 19%, 0.13) 0 105px, transparent 106px), radial-gradient(circle at 96% -12%, rgba(58, 174, 195, .10) 0 115px, transparent 116px), linear-gradient(135deg, hsl(207, 45%, 10%) 0%, #16242c 58%, hsl(43, 45%, 11%) 100%) !important;
}
body.dark .kelime-calisma-page .kc-monitor-img,
body.dark .kelime-calisma-page .kc-guide-image img {
    background-color: #16242c !important;
}
body.dark .kendi-metin-page .kc-hero {
    background: radial-gradient(circle at 12% 15%, rgba(62, 174, 195, .14), transparent 28%), radial-gradient(circle at 88% 18%, hsla(42, 45%, 19%, 0.18), transparent 27%), linear-gradient(135deg, hsl(198, 45%, 11%) 0%, hsl(47, 45%, 12%) 58%, #16242c 100%) !important;
}
body.dark .kendi-metin-page .kc-hero .kc-eyebrow,
body.dark .kendi-metin-page .kc-visual-badge,
body.dark .kendi-metin-page .kc-guide-label {
    color: #c8d3dc !important;
}
body.dark .kmy-vip-card {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.96), hsla(206, 45%, 10%, 0.96)), repeating-linear-gradient(135deg, rgba(58,174,195,.035) 0 1px, transparent 1px 10px) !important;
}
body.dark .kmy-vip-active {
    background: linear-gradient(135deg, hsl(44, 45%, 11%) 0%, #16242c 68%) !important;
}
body.dark .kmy-vip-locked {
    background: linear-gradient(135deg, hsl(206, 45%, 10%) 0%, #16242c 70%) !important;
}
body.dark .kmy-vip-head strong,
body.dark .kmy-vip-content strong {
    color: #c8d3dc !important;
}
body.dark .kmy-vip-head span,
body.dark .kmy-vip-content span {
    color: #c8d3dc !important;
}
body.dark .kmy-vip-lock {
    background-color: #16242c !important;
}
body.dark .kmy-small-btn {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(21, 45%, 20%)) !important;
}
body.dark .kmy-small-btn-light {
    background-color: #16242c !important;
}
body.dark .kmy-small-btn-light {
    color: #c8d3dc !important;
}
body.dark .kmy-small-btn-light:hover {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .kmy-small-btn-light:hover {
    color: #c8d3dc !important;
}
body.dark .kmy-textarea {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .kmy-textarea {
    color: #c8d3dc !important;
}
body.dark .kc-guide-card {
    background-color: #16242c !important;
}
body.dark .kmy-hero-fill-card {
    background: linear-gradient(135deg, hsla(47, 45%, 12%, 0.96) 0%, hsla(198, 45%, 11%, 0.96) 58%, rgba(22, 36, 44, 0.98) 100%) !important;
}
body.dark .kmy-hero-fill-icon {
    background-color: #16242c !important;
}
body.dark .kmy-hero-fill-content strong {
    color: #c8d3dc !important;
}
body.dark .kmy-hero-fill-content p {
    color: #c8d3dc !important;
}
body.dark .kmy-hero-fill-tags em {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .kmy-hero-fill-tags em {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .kc-hero {
    background: linear-gradient(135deg, hsl(200, 45%, 11%) 0%, hsl(47, 45%, 12%) 58%, #16242c 100%) !important;
}
body.dark .klavye-sinav-page .kc-monitor-img,
body.dark .klavye-sinav-page .kc-guide-image img {
    background-color: #16242c !important;
}
body.dark .klavye-sinav-page .kc-field label {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .kc-select-wrap .custom-select,
body.dark .klavye-sinav-page .form-control {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .klavye-sinav-page .kc-select-wrap .custom-select,
body.dark .klavye-sinav-page .form-control {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .kc-select-wrap .custom-select:focus,
body.dark .klavye-sinav-page .form-control:focus {
    background-color: #16242c !important;
}
body.dark .ks-side-fields {
    background: linear-gradient(180deg, hsl(206, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .ks-date-row .input-group-text {
    background-color: hsl(198, 45%, 11%) !important;
}
body.dark .ks-date-row .input-group-text {
    color: #c8d3dc !important;
}
body.dark .ks-list-panel {
    background: linear-gradient(180deg, hsl(202, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .ks-list-panel .card-header {
    background: linear-gradient(135deg, hsl(199, 45%, 11%) 0%, hsl(47, 45%, 12%) 62%, #16242c 100%) !important;
}
body.dark .ks-list-header h2 {
    color: #c8d3dc !important;
}
body.dark .ks-list-stats .ko-stat-badge {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .ks-list-stats h5 {
    color: #c8d3dc !important;
}
body.dark .ks-table-wrap {
    background-color: #16242c !important;
}
body.dark .ks-exam-table thead th {
    background-color: hsl(207, 38%, 11%) !important;
}
body.dark .ks-exam-table thead th {
    color: #c8d3dc !important;
}
body.dark .ks-exam-table tbody tr {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ks-exam-table tbody td {
    color: #c8d3dc !important;
}
body.dark .ko-apps-modern-wrap .card,
body.dark .ko-apps-modern-wrap .card-box {
    background: linear-gradient(180deg, hsl(202, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .ko-apps-modern-wrap .card-header,
body.dark .ko-apps-modern-wrap h2,
body.dark .ko-apps-modern-wrap h3,
body.dark .ko-apps-modern-wrap h4 {
    color: #c8d3dc !important;
}
body.dark .ko-apps-modern-wrap .card-header {
    background: linear-gradient(135deg, hsl(199, 45%, 11%) 0%, hsl(47, 45%, 12%) 62%, #16242c 100%) !important;
}
body.dark .ko-apps-modern-wrap a {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .ks-side-fields {
    background: linear-gradient(135deg, hsl(206, 45%, 10%) 0%, #16242c 52%, hsl(40, 45%, 11%) 100%) !important;
}
body.dark .klavye-sinav-page .ks-highlight-box {
    background: linear-gradient(135deg, hsl(47, 45%, 12%) 0%, hsl(198, 45%, 11%) 58%, #16242c 100%) !important;
}
body.dark .klavye-sinav-page .ks-highlight-icon {
    background-color: #16242c !important;
}
body.dark .klavye-sinav-page .ks-highlight-content span {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .ks-highlight-content strong {
    color: #c8d3dc !important;
}
body.dark .klavye-sinav-page .ks-highlight-content p {
    color: #c8d3dc !important;
}
body.dark .hiztest-duration-label {
    color: #c8d3dc !important;
}
body.dark .hiztest-simple-group.btn-group > .hiztest-simple-duration,
body.dark .hiztest-simple-duration.btn-outline-primary {
    background-color: rgba(22, 36, 44, 0.97) !important;
}
body.dark .hiztest-simple-group.btn-group > .hiztest-simple-duration,
body.dark .hiztest-simple-duration.btn-outline-primary {
    color: #c8d3dc !important;
}
body.dark .hiztest-simple-duration:hover {
    background-color: #16242c !important;
}
body.dark .hiztest-simple-duration:hover {
    color: #c8d3dc !important;
}
body.dark .hiztest-simple-duration.active,
body.dark .hiztest-simple-duration:has(input:checked) {
    background: linear-gradient(135deg, hsl(198, 45%, 11%) 0%, hsl(47, 45%, 12%) 100%) !important;
}
body.dark .hiztest-simple-duration.active,
body.dark .hiztest-simple-duration:has(input:checked) {
    color: #c8d3dc !important;
}
body.dark .hiztest-simple-duration.active i,
body.dark .hiztest-simple-duration:has(input:checked) i {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card #sohbet .dropdown-menu,
body.dark .duello-chat-card #sohbet .chat-admin-menu,
body.dark .duello-chat-card #sohbet .message-admin-menu,
body.dark .duello-chat-card #sohbet .moderation-menu,
body.dark .duello-chat-card #sohbet .yetkili-menu {
    background-color: rgba(22, 36, 44, 0.98) !important;
}
body.dark .duello-chat-card #sohbet .dropdown-menu .dropdown-item,
body.dark .duello-chat-card #sohbet .chat-admin-menu button,
body.dark .duello-chat-card #sohbet .message-admin-menu button,
body.dark .duello-chat-card #sohbet .moderation-menu button,
body.dark .duello-chat-card #sohbet .yetkili-menu button {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card #sohbet .dropdown-menu .dropdown-item:hover,
body.dark .duello-chat-card #sohbet .chat-admin-menu button:hover,
body.dark .duello-chat-card #sohbet .message-admin-menu button:hover,
body.dark .duello-chat-card #sohbet .moderation-menu button:hover,
body.dark .duello-chat-card #sohbet .yetkili-menu button:hover {
    background: linear-gradient(135deg, hsl(194, 45%, 11%), hsl(47, 45%, 12%)) !important;
}
body.dark .duello-chat-card #sohbet .dropdown-menu .dropdown-item:hover,
body.dark .duello-chat-card #sohbet .chat-admin-menu button:hover,
body.dark .duello-chat-card #sohbet .message-admin-menu button:hover,
body.dark .duello-chat-card #sohbet .moderation-menu button:hover,
body.dark .duello-chat-card #sohbet .yetkili-menu button:hover {
    color: #c8d3dc !important;
}
body.dark .duello-chat-card #sohbet .dropdown-menu .text-danger,
body.dark .duello-chat-card #sohbet .dropdown-menu [class*="delete"],
body.dark .duello-chat-card #sohbet .dropdown-menu [class*="sil"],
body.dark .duello-chat-card #sohbet .dropdown-menu [onclick*="sil"],
body.dark .duello-chat-card #sohbet .dropdown-menu [onclick*="ban"] {
    color: #c8d3dc !important;
}
body.dark .klavye-calisma-page .ko-ad-empty .ko-ad-inner,
body.dark .klavye-calisma-page .ko-ad-standard .ko-ad-inner {
    background-color: #16242c !important;
}
body.dark .hiztest-final-call {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(47, 45%, 12%) 60%,#16242c 100%) !important;
}
body.dark .hiztest-final-call {
    color: #c8d3dc !important;
}
body.dark .hiztest-final-call strong {
    color: #c8d3dc !important;
}
body.dark .hiztest-final-call span {
    color: #c8d3dc !important;
}
body.dark .fkl-page {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .fkl-hero {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(47, 45%, 12%) 56%,hsl(176, 39%, 11%) 100%) !important;
}
body.dark .fkl-eyebrow {
    background-color: rgba(22, 36, 44, 0.78) !important;
}
body.dark .fkl-eyebrow {
    color: #c8d3dc !important;
}
body.dark .fkl-hero h1 {
    color: #c8d3dc !important;
}
body.dark .fkl-hero p {
    color: #c8d3dc !important;
}
body.dark .fkl-hero-tags span {
    background-color: #16242c !important;
}
body.dark .fkl-hero-tags span {
    color: #c8d3dc !important;
}
body.dark .fkl-keyboard-card {
    background: linear-gradient(180deg,#16242c 0%,hsl(198, 45%, 11%) 100%) !important;
}
body.dark .fkl-keyboard-top {
    color: #c8d3dc !important;
}
body.dark .fkl-keyboard-top span:first-child {
    background: linear-gradient(135deg,#44a8bd,hsl(172, 22%, 20%)) !important;
}
body.dark .fkl-keyboard-top span:last-child {
    color: #c8d3dc !important;
}
body.dark .fkl-key-row i {
    background: linear-gradient(180deg,hsl(180, 18%, 10%),hsl(200, 24%, 13%)) !important;
}
body.dark .fkl-ad {
    background: linear-gradient(180deg,hsl(202, 27%, 11%),hsl(204, 21%, 11%)) !important;
}
body.dark .fkl-ad-slot {
    background: linear-gradient(135deg,hsl(204, 31%, 10%),hsl(200, 20%, 11%)) !important;
}
body.dark .fkl-status-card {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .fkl-status-card span {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-status-card span {
    color: #c8d3dc !important;
}
body.dark .fkl-status-card strong {
    color: #c8d3dc !important;
}
body.dark .fkl-status-card small {
    color: #c8d3dc !important;
}
body.dark .fkl-intro-row > .stretch-card > .card,
body.dark .fkl-page .grid-margin.stretch-card > .card {
    background: linear-gradient(180deg,#16242c 0%,hsl(210, 45%, 10%) 100%) !important;
}
body.dark .fkl-intro-row .wizard h4,
body.dark .fkl-page .wizard.altbolum h4 {
    color: #c8d3dc !important;
}
body.dark .fkl-intro-row .list-group-item,
body.dark .fkl-page .wizard.altbolum .list-group-item {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .fkl-intro-row .list-group-item,
body.dark .fkl-page .wizard.altbolum .list-group-item {
    color: #c8d3dc !important;
}
body.dark .fkl-intro-row .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:hover {
    background-color: #16242c !important;
}
body.dark .fkl-intro-row .list-group-item.active,
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-intro-row .list-group-item.active,
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-intro-row #v-pills-tabContent {
    background: linear-gradient(180deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .fkl-intro-row .tab-pane h5 {
    color: #c8d3dc !important;
}
body.dark .fkl-intro-row .tab-pane div {
    color: #c8d3dc !important;
}
body.dark .fkl-section-title {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 62%,#16242c 100%) !important;
}
body.dark .fkl-section-title span {
    color: #c8d3dc !important;
}
body.dark .fkl-section-title h2 {
    color: #c8d3dc !important;
}
body.dark .fkl-section-title small {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard.altbolum p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn {
    background-color: #16242c !important;
}
body.dark .fkl-page .altlarbold .btn {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page button[data-target="#fklavyeayarmodal"].btn-primary {
    background: linear-gradient(135deg,#44a8bd,hsl(172, 22%, 20%)) !important;
}
body.dark .fkl-page button[onclick="dersebasla(this)"].btn-warning {
    background: linear-gradient(135deg,hsl(44, 45%, 20%) 0%,hsl(29, 45%, 20%) 60%,hsl(14, 45%, 19%) 100%) !important;
}
body.dark .fkl-guide {
    background-color: #16242c !important;
}
body.dark .fkl-guide-head span {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-head h2 {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-head p {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-grid > div {
    background: linear-gradient(180deg,hsl(210, 45%, 10%),#16242c) !important;
}
body.dark .fkl-guide-grid i {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-guide-grid i {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-grid h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-rise-card {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 65%,#16242c 100%) !important;
}
body.dark .fkl-rise-card span {
    color: #c8d3dc !important;
}
body.dark .fkl-rise-card strong {
    color: #c8d3dc !important;
}
body.dark .fkl-rise-card p {
    color: #c8d3dc !important;
}
body.dark .fkl-progress-card {
    background-color: rgba(22, 36, 44, 0.93) !important;
}
body.dark .fkl-progress-icon {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-progress-icon {
    color: #c8d3dc !important;
}
body.dark .fkl-progress-body span {
    color: #c8d3dc !important;
}
body.dark .fkl-progress-body strong {
    color: #c8d3dc !important;
}
body.dark .fkl-progress-body small {
    color: #c8d3dc !important;
}
body.dark .fkl-progress-bar {
    background-color: hsl(201, 24%, 12%) !important;
}
body.dark .fkl-progress-main {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(49, 45%, 11%) 70%,#16242c 100%) !important;
}
body.dark .fkl-page .fkl-intro-row .tab-pane img.img-fluid,
body.dark .fkl-page .tab-content img.img-fluid {
    background-color: #16242c !important;
}
body.dark .fkl-page .wizard .list-group-item,
body.dark .fkl-page .wizard.altbolum .list-group-item,
body.dark .fkl-page .altlarbold .btn {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard .list-group-item:hover,
body.dark .fkl-page .wizard .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus,
body.dark .fkl-page .wizard .list-group-item.active,
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-page .wizard .list-group-item:hover,
body.dark .fkl-page .wizard .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus,
body.dark .fkl-page .wizard .list-group-item.active,
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-summary {
    background: linear-gradient(180deg,#16242c 0%,hsl(210, 45%, 10%) 100%) !important;
}
body.dark .fkl-seo-head span {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-head h2 {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-head p {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-grid article {
    background-color: #16242c !important;
}
body.dark .fkl-seo-grid i {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-seo-grid i {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-grid h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-seo-grid p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-intro-row .tab-pane img.img-fluid {
    background-color: #16242c !important;
}
body.dark .fkl-page .wizard .list-group-item,
body.dark .fkl-page .wizard.altbolum .list-group-item,
body.dark .fkl-page .altlarbold .btn,
body.dark .fkl-page .altlarbold .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard .list-group-item:hover,
body.dark .fkl-page .wizard .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item.active,
body.dark .fkl-page .wizard .list-group-item.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .wizard .list-group-item:hover,
body.dark .fkl-page .wizard .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus,
body.dark .fkl-page .wizard.altbolum .list-group-item.active,
body.dark .fkl-page .wizard .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-seo-final {
    background: linear-gradient(180deg,#16242c 0%,hsl(210, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .fkl-seo-feature-text,
body.dark .fkl-page .fkl-seo-feature-list {
    background: linear-gradient(180deg,hsl(210, 45%, 10%),#16242c) !important;
}
body.dark .fkl-page .fkl-seo-feature-text span,
body.dark .fkl-page .fkl-seo-feature-list strong {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-seo-feature-text h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-seo-feature-text p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-seo-feature-list span {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .fkl-page .fkl-seo-feature-list span {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn,
body.dark .fkl-page .altlarbold .btn-secondary {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn,
body.dark .fkl-page .altlarbold .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover .fk-lesson-label,
body.dark .fkl-page .altlarbold .btn:focus .fk-lesson-label,
body.dark .fkl-page .altlarbold .btn.active .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover .fk-lesson-no,
body.dark .fkl-page .altlarbold .btn:focus .fk-lesson-no,
body.dark .fkl-page .altlarbold .btn.active .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn,
body.dark .fkl-page .altlarbold .btn-secondary {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn,
body.dark .fkl-page .altlarbold .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .fk-lesson-stars {
    background: linear-gradient(135deg,hsl(48, 45%, 12%) 0%,#16242c 100%) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active,
body.dark .fkl-page .altlarbold .btn-secondary:hover,
body.dark .fkl-page .altlarbold .btn-secondary:focus,
body.dark .fkl-page .altlarbold .btn-secondary.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover .fk-lesson-label,
body.dark .fkl-page .altlarbold .btn:focus .fk-lesson-label,
body.dark .fkl-page .altlarbold .btn.active .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover .fk-lesson-no,
body.dark .fkl-page .altlarbold .btn:focus .fk-lesson-no,
body.dark .fkl-page .altlarbold .btn.active .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-faq-item {
    background-color: #16242c !important;
}
body.dark .fkl-page .fkl-faq-question {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,hsl(194, 34%, 11%) 100%) !important;
}
body.dark .fkl-page .fkl-faq-question {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-faq-question i {
    background-color: #16242c !important;
}
body.dark .fkl-page .fkl-faq-question i {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-faq-question b {
    background-color: #16242c !important;
}
body.dark .fkl-page .fkl-faq-question b {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-faq-question:not(.collapsed) b {
    background-color: hsl(199, 45%, 11%) !important;
}
body.dark .fkl-page .fkl-faq-answer {
    background-color: #16242c !important;
}
body.dark .fkl-page .fkl-faq-answer h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-faq-answer p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,#16242c 100%) !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus {
    background: linear-gradient(135deg,hsl(197, 45%, 11%) 0%,hsl(46, 45%, 11%) 100%) !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item:hover,
body.dark .fkl-page .wizard.altbolum .list-group-item:focus {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .wizard.altbolum .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold::-webkit-scrollbar-thumb {
    background-color: hsl(202, 23%, 14%) !important;
}
body.dark .fkl-page .altlarbold .btn {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold .btn:hover,
body.dark .fkl-page .altlarbold .btn:focus,
body.dark .fkl-page .altlarbold .btn.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn .fk-lesson-stars {
    background-color: #16242c !important;
}
body.dark .fkl-guide-accordion {
    background-color: #16242c !important;
}
body.dark .fkl-guide-toggle {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .fkl-guide-toggle {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-toggle small {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-toggle strong {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-toggle i {
    background-color: #16242c !important;
}
body.dark .fkl-guide-body {
    background: linear-gradient(180deg,#16242c 0%,hsl(210, 45%, 10%) 100%) !important;
}
body.dark .fkl-guide-intro span {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-intro h2 {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-intro p {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-grid article {
    background-color: #16242c !important;
}
body.dark .fkl-guide-grid i {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-guide-grid i {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-grid h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-grid p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold .btn .fk-lesson-stars,
body.dark .fkl-page .altlarbold .btn-secondary .fk-lesson-stars {
    background: linear-gradient(135deg,#16242c 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,#16242c 64%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars {
    background: linear-gradient(135deg,#16242c 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .fkl-course-row .card {
    background: linear-gradient(180deg,#16242c 0%,hsl(210, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .wizard.altbolum h4 {
    color: #c8d3dc !important;
}
body.dark .fkl-page .wizard.altbolum p {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs::-webkit-scrollbar-thumb {
    background-color: hsl(202, 23%, 14%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,#16242c 62%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus {
    background: linear-gradient(135deg,hsl(194, 45%, 12%) 0%,hsl(47, 45%, 13%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active {
    background: linear-gradient(135deg,hsl(193, 45%, 12%) 0%,hsl(47, 45%, 14%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row::-webkit-scrollbar-thumb {
    background-color: hsl(202, 23%, 14%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars {
    background: linear-gradient(135deg,#16242c 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt-tabContent .tab-pane.text-center,
body.dark .fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center {
    background-color: #16242c !important;
}
body.dark .fkl-page #v-pillsalt-tabContent .tab-pane.text-center img.img-fluid,
body.dark .fkl-page #v-pillsalt-tabContent .tab-content > .tab-pane.text-center img.img-fluid {
    background-color: #16242c !important;
}
body.dark .fkl-guide-lead article {
    background: linear-gradient(180deg,hsl(210, 45%, 10%),#16242c) !important;
}
body.dark .fkl-guide-lead i,
body.dark .fkl-guide-plan b {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .fkl-guide-lead i,
body.dark .fkl-guide-plan b {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-lead h3 {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-lead p {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-plan {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 65%,#16242c 100%) !important;
}
body.dark .fkl-guide-plan span {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-plan strong {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-plan p {
    color: #c8d3dc !important;
}
body.dark .fkl-guide-plan li {
    background-color: #16242c !important;
}
body.dark .fkl-guide-plan li {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    background: linear-gradient(135deg,hsl(196, 45%, 11%) 0%,#16242c 58%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus {
    background: linear-gradient(135deg,hsl(192, 45%, 12%) 0%,hsl(46, 45%, 14%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:hover,
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item:focus {
    color: #c8d3dc !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active {
    background: linear-gradient(135deg,hsl(193, 45%, 13%) 0%,hsl(48, 45%, 14%) 100%) !important;
}
body.dark .fkl-page #v-pillsalt.fkl-course-tabs .list-group-item.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .fk-lesson-stars {
    background: linear-gradient(135deg,#16242c 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn:hover,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn:focus,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn.active,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary:hover,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary:focus,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn:hover,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn:focus,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn.active,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary:hover,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary:focus,
body.dark .fkl-page .altlarbold.fkl-lesson-row .btn-secondary.active {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-section-main p {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-section-main p strong {
    color: #c8d3dc !important;
}
body.dark .fkl-page .fkl-section-title > small {
    background-color: rgba(22, 36, 44, 0.78) !important;
}
body.dark .fkl-page .fkl-section-title > small {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-keyboard-top span:first-child {
    background: linear-gradient(135deg,#43bfd1,hsl(172, 22%, 20%)) !important;
}
body.dark .qkl-page .fkl-lesson-row .btn {
    background: linear-gradient(180deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .qkl-page .fkl-lesson-row .btn {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-lesson-row .btn.active {
    background: linear-gradient(135deg,hsl(191, 45%, 11%) 0%,hsl(47, 45%, 12%) 100%) !important;
}
body.dark .qkl-page .fk-lesson-stars {
    background-color: hsl(48, 45%, 11%) !important;
}
body.dark .qkl-page .fk-lesson-label {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fk-lesson-no {
    color: #c8d3dc !important;
}
body.dark .qkl-page .tab-content img.img-fluid {
    background-color: #16242c !important;
}
body.dark .qkl-page .qkl-seo-guide .fkl-guide-label {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-card {
    background-color: #16242c !important;
}
body.dark .qkl-page .fkl-guide-card i {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .qkl-page .fkl-guide-card i {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-card h3 {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-card p {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-call {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .qkl-page .fkl-guide-call span {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-call strong {
    color: #c8d3dc !important;
}
body.dark .qkl-page .fkl-guide-call p {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-guide-main-toggle {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .qkl-page .qkl-guide-main-toggle {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-guide-main-copy .fkl-guide-label {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-guide-main-copy strong {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-guide-main-copy em {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-guide-main-icon {
    background-color: #16242c !important;
}
body.dark .qkl-page .qkl-accordion .accordion-item.card {
    background-color: #16242c !important;
}
body.dark .qkl-page .qkl-accordion .card-header button {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,hsl(194, 34%, 11%) 100%) !important;
}
body.dark .qkl-page .qkl-accordion .card-header button {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-accordion .card-body {
    background-color: #16242c !important;
}
body.dark .qkl-page .qkl-accordion .card-body {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-info-card {
    background: linear-gradient(135deg,#16242c 0%,hsl(206, 45%, 10%) 58%,hsl(49, 45%, 11%) 100%) !important;
}
body.dark .qkl-page .qkl-info-icon {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .qkl-page .qkl-info-icon {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-info-card h3 {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-info-card p {
    color: #c8d3dc !important;
}
body.dark .qkl-page .qkl-mini-list li {
    background-color: rgba(22, 36, 44, 0.74) !important;
}
body.dark .qkl-page .qkl-mini-list li {
    color: #c8d3dc !important;
}
body.dark .ani-page {
    background: radial-gradient(circle at 8% 4%, hsla(171, 26%, 20%, 0.13), transparent 28%),
        radial-gradient(circle at 92% 6%, hsla(42, 45%, 19%, 0.17), transparent 26%),
        linear-gradient(180deg,hsl(207, 45%, 10%) 0%,#16242c 100%) !important;
}
body.dark .ani-page {
    color: #c8d3dc !important;
}
body.dark .ani-hero {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .ani-eyebrow {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .ani-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ani-hero h1 {
    color: #c8d3dc !important;
}
body.dark .ani-hero p {
    color: #c8d3dc !important;
}
body.dark .ani-hero-user {
    color: #c8d3dc !important;
}
body.dark .ani-hero-user strong {
    color: #c8d3dc !important;
}
body.dark .ani-primary-btn,
body.dark .ani-compose-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .ani-secondary-btn {
    background-color: #16242c !important;
}
body.dark .ani-secondary-btn {
    color: #c8d3dc !important;
}
body.dark .ani-secondary-btn:hover {
    color: #c8d3dc !important;
}
body.dark .ani-stat-card {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .ani-stat-icon {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-stat-card small {
    color: #c8d3dc !important;
}
body.dark .ani-stat-card strong {
    color: #c8d3dc !important;
}
body.dark .ani-compose-card {
    background: linear-gradient(135deg,#16242c,hsl(202, 45%, 10%)) !important;
}
body.dark .ani-compose-left strong {
    color: #c8d3dc !important;
}
body.dark .ani-compose-left span {
    color: #c8d3dc !important;
}
body.dark .ani-filter-bar::-webkit-scrollbar-thumb {
    background-color: hsl(204, 18%, 15%) !important;
}
body.dark .ani-filter-bar a {
    background-color: #16242c !important;
}
body.dark .ani-filter-bar a {
    color: #c8d3dc !important;
}
body.dark .ani-filter-bar a:hover,
body.dark .ani-filter-bar a.active {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-filter-bar a:hover,
body.dark .ani-filter-bar a.active {
    color: #c8d3dc !important;
}
body.dark .ani-section-head {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),#16242c) !important;
}
body.dark .ani-section-head span {
    color: #c8d3dc !important;
}
body.dark .ani-section-head h2 {
    color: #c8d3dc !important;
}
body.dark .ani-section-head small {
    color: #c8d3dc !important;
}
body.dark .ani-memory-card {
    background-color: #16242c !important;
}
body.dark .ani-tag-success {
    background: linear-gradient(135deg,hsl(50, 45%, 11%),#16242c) !important;
}
body.dark .ani-tag-motivation {
    background: linear-gradient(135deg,hsl(197, 45%, 11%),#16242c) !important;
}
body.dark .ani-tag-lesson {
    background: linear-gradient(135deg,hsl(168, 45%, 11%),#16242c) !important;
}
body.dark .ani-tag-goal {
    background: linear-gradient(135deg,hsl(5, 45%, 11%),#16242c) !important;
}
body.dark .ani-tag-court {
    background: linear-gradient(135deg,hsl(240, 45%, 10%),#16242c) !important;
}
body.dark .ani-author strong {
    color: #c8d3dc !important;
}
body.dark .ani-tag-badge {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .ani-tag-badge {
    color: #c8d3dc !important;
}
body.dark .ani-more-btn {
    background-color: #16242c !important;
}
body.dark .ani-more-btn {
    color: #c8d3dc !important;
}
body.dark .ani-memory-body h3 {
    color: #c8d3dc !important;
}
body.dark .ani-memory-body p {
    color: #c8d3dc !important;
}
body.dark .ani-reaction {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .ani-reaction {
    color: #c8d3dc !important;
}
body.dark .ani-reaction:hover {
    color: #c8d3dc !important;
}
body.dark .ani-reaction.liked {
    background-color: hsl(348, 45%, 11%) !important;
}
body.dark .ani-ad-card {
    background: linear-gradient(135deg,hsl(202, 45%, 10%),#16242c) !important;
}
body.dark .ani-page .pagination .page-link {
    color: #c8d3dc !important;
}
body.dark .ani-side-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ani-side-title span {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-side-title strong {
    color: #c8d3dc !important;
}
body.dark .ani-side-tags a {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .ani-side-tags a {
    color: #c8d3dc !important;
}
body.dark .ani-side-tags a:hover {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-side-tags a:hover {
    color: #c8d3dc !important;
}
body.dark .ani-rule-list li {
    color: #c8d3dc !important;
}
body.dark .ani-mini-list a {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .ani-mini-list a:hover {
    background-color: #16242c !important;
}
body.dark .ani-mini-list strong {
    color: #c8d3dc !important;
}
body.dark .ani-guide-accordion {
    background-color: #16242c !important;
}
body.dark .ani-guide-toggle {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%) 62%,#16242c) !important;
}
body.dark .ani-guide-toggle span {
    color: #c8d3dc !important;
}
body.dark .ani-guide-toggle h2 {
    color: #c8d3dc !important;
}
body.dark .ani-guide-toggle i {
    background-color: #16242c !important;
}
body.dark .ani-guide-toggle i {
    color: #c8d3dc !important;
}
body.dark .ani-guide-grid article {
    background: linear-gradient(180deg,hsl(210, 45%, 10%),#16242c) !important;
}
body.dark .ani-guide-grid article span {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-guide-grid h3 {
    color: #c8d3dc !important;
}
body.dark .ani-guide-grid p {
    color: #c8d3dc !important;
}
body.dark .ani-modal-hint {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-modal-hint strong {
    color: #c8d3dc !important;
}
body.dark .ani-modal-hint span {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ani-top-icon {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-top-info-card span {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card h3 {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card p {
    color: #c8d3dc !important;
}
body.dark .ani-top-rules li {
    color: #c8d3dc !important;
}
body.dark .ani-top-mini-list a {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .ani-top-mini-list a {
    color: #c8d3dc !important;
}
body.dark .ani-top-mini-list a:hover {
    background-color: #16242c !important;
}
body.dark .ani-top-mini-list strong {
    color: #c8d3dc !important;
}
body.dark .ani-memory-card.ani-memory-compact {
    background: linear-gradient(180deg,rgba(22, 36, 44, 0.98),hsla(206, 45%, 10%, 0.96)) !important;
}
body.dark .ani-ad-card-grid {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(49, 45%, 11%)) !important;
}
body.dark .ani-stat-card {
    background: linear-gradient(135deg,rgba(22, 36, 44, 0.98),hsla(197, 45%, 10%, 0.96)) !important;
}
body.dark .ani-stat-card small {
    color: #c8d3dc !important;
}
body.dark .ani-stat-card strong {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card {
    background: linear-gradient(135deg,#16242c 0%,hsl(206, 45%, 10%) 100%) !important;
}
body.dark .ani-top-info-card span {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card h3 {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card p,
body.dark .ani-top-rules li {
    color: #c8d3dc !important;
}
body.dark .ani-top-info-card.ani-top-week .ani-top-icon {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .ani-top-info-card.ani-top-week a {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .ani-top-mini-list a {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .ani-weekly-story-card {
    background: radial-gradient(circle at 88% 18%, hsla(44, 45%, 20%, 0.18), transparent 25%),
        linear-gradient(135deg, hsl(198, 45%, 11%) 0%, hsl(47, 45%, 12%) 58%, #16242c 100%) !important;
}
body.dark .ani-weekly-kicker {
    color: #c8d3dc !important;
}
body.dark .ani-weekly-story-card h2 {
    color: #c8d3dc !important;
}
body.dark .ani-weekly-story-card p {
    color: #c8d3dc !important;
}
body.dark .ani-weekly-meta strong,
body.dark .ani-weekly-meta span {
    color: #c8d3dc !important;
}
body.dark .ani-weekly-meta span {
    background-color: rgba(22, 36, 44, 0.85) !important;
}
body.dark .ani-weekly-read {
    background: linear-gradient(135deg, hsl(44, 45%, 20%), hsl(21, 45%, 20%)) !important;
}
body.dark .ani-today-pulse {
    background: linear-gradient(135deg, hsl(206, 45%, 10%), hsl(49, 45%, 11%)) !important;
}
body.dark .ani-today-pulse strong {
    color: #c8d3dc !important;
}
body.dark .ani-today-pulse small {
    color: #c8d3dc !important;
}
body.dark .ani-search-box {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .ani-search-box i {
    color: #c8d3dc !important;
}
body.dark .ani-search-box input {
    color: #c8d3dc !important;
}
body.dark .ani-editor-badge {
    background-color: #16242c !important;
}
body.dark .ani-editor-badge {
    color: #c8d3dc !important;
}
body.dark .ani-editor-weekly {
    background: linear-gradient(135deg, hsl(48, 45%, 12%), #16242c) !important;
}
body.dark .ani-editor-weekly {
    color: #c8d3dc !important;
}
body.dark .ani-editor-popular {
    background: linear-gradient(135deg, hsl(21, 45%, 11%), #16242c) !important;
}
body.dark .ani-editor-popular {
    color: #c8d3dc !important;
}
body.dark .ani-editor-read {
    background: linear-gradient(135deg, hsl(206, 45%, 11%), #16242c) !important;
}
body.dark .ani-editor-read {
    color: #c8d3dc !important;
}
body.dark .ani-editor-comment {
    background: linear-gradient(135deg, hsl(253, 45%, 11%), #16242c) !important;
}
body.dark .ani-editor-comment {
    color: #c8d3dc !important;
}
body.dark .ani-popularity-line {
    background-color: hsl(200, 27%, 11%) !important;
}
body.dark .ani-popularity-line span {
    background: linear-gradient(90deg, #35a9b6, hsl(44, 45%, 20%)) !important;
}
body.dark .ani-top-week {
    background: radial-gradient(circle at 95% 94%, rgba(22, 36, 44, 0.12), transparent 28%),
        linear-gradient(135deg, #24546a, #2c98a8) !important;
}
body.dark .ani-top-week .ani-top-icon {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .ani-detail-page {
    background: radial-gradient(circle at 8% 6%, rgba(70,185,200,.12), transparent 28%),radial-gradient(circle at 92% 9%, hsla(42, 45%, 19%, 0.15), transparent 25%),linear-gradient(180deg,hsl(204, 45%, 11%) 0%,#16242c 100%) !important;
}
body.dark .ani-detail-page {
    color: #c8d3dc !important;
}
body.dark .ani-reading-progress {
    background: linear-gradient(90deg,#33a6ba,hsl(37, 45%, 20%)) !important;
}
body.dark .ani-detail-hero {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .ani-detail-eyebrow {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .ani-detail-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ani-detail-hero h1 {
    color: #c8d3dc !important;
}
body.dark .ani-detail-hero p {
    color: #c8d3dc !important;
}
body.dark .ani-detail-primary-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .ani-detail-ghost-btn {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .ani-detail-ghost-btn {
    color: #c8d3dc !important;
}
body.dark .ani-detail-ghost-btn:hover {
    color: #c8d3dc !important;
}
body.dark .ani-detail-article-card,
body.dark .ani-detail-comments-card,
body.dark .ani-detail-side-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ani-detail-author strong {
    color: #c8d3dc !important;
}
body.dark .ani-detail-badge {
    background-color: #16242c !important;
}
body.dark .ani-detail-badge {
    color: #c8d3dc !important;
}
body.dark .ani-detail-badge.gold {
    background: linear-gradient(135deg,hsl(47, 45%, 12%),#16242c) !important;
}
body.dark .ani-detail-badge.gold {
    color: #c8d3dc !important;
}
body.dark .ani-detail-badge.cyan {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),#16242c) !important;
}
body.dark .ani-detail-badge.cyan {
    color: #c8d3dc !important;
}
body.dark .ani-detail-title-kicker {
    color: #c8d3dc !important;
}
body.dark .ani-detail-title-block h2 {
    color: #c8d3dc !important;
}
body.dark .ani-detail-stat-card {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .ani-detail-stat-card {
    color: #c8d3dc !important;
}
body.dark .ani-detail-stat-card:hover {
    color: #c8d3dc !important;
}
body.dark .ani-detail-stat-card.liked {
    background: linear-gradient(135deg,hsl(340, 45%, 11%),#16242c) !important;
}
body.dark .ani-detail-stat-card span:first-child {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-detail-stat-card strong {
    color: #c8d3dc !important;
}
body.dark .ani-detail-content {
    background: linear-gradient(180deg,#16242c,hsl(210, 45%, 10%)) !important;
}
body.dark .ani-detail-content {
    color: #c8d3dc !important;
}
body.dark .ani-detail-content p {
    color: #c8d3dc !important;
}
body.dark .ani-detail-share span {
    color: #c8d3dc !important;
}
body.dark .ani-detail-share a,
body.dark .ani-detail-share button {
    background-color: #16242c !important;
}
body.dark .ani-detail-share a,
body.dark .ani-detail-share button {
    color: #c8d3dc !important;
}
body.dark .ani-detail-share a:hover,
body.dark .ani-detail-share button:hover {
    color: #c8d3dc !important;
}
body.dark .ani-detail-back-link {
    color: #c8d3dc !important;
}
body.dark .ani-detail-back-link:hover {
    color: #c8d3dc !important;
}
body.dark .ani-detail-section-head span {
    color: #c8d3dc !important;
}
body.dark .ani-detail-section-head h3 {
    color: #c8d3dc !important;
}
body.dark .ani-detail-section-head>strong {
    background-color: hsl(202, 45%, 11%) !important;
}
body.dark .ani-detail-section-head>strong {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-item {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .ani-detail-comment-top strong {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-content p {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-actions a {
    color: #c8d3dc !important;
}
body.dark .ani-detail-empty-comment {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .ani-detail-empty-comment {
    color: #c8d3dc !important;
}
body.dark .ani-detail-empty-comment strong {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-form {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(49, 45%, 11%)) !important;
}
body.dark .ani-detail-comment-form h4 {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-form p {
    color: #c8d3dc !important;
}
body.dark .ani-detail-comment-form textarea {
    color: #c8d3dc !important;
}
body.dark .ani-detail-cta-card>span {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .ani-detail-cta-card a {
    background-color: rgba(22, 36, 44, 0.12) !important;
}
body.dark .ani-detail-cta-card a:hover {
    background-color: rgba(22, 36, 44, 0.2) !important;
}
body.dark .ani-detail-side-head span {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ani-detail-side-head h3 {
    color: #c8d3dc !important;
}
body.dark .ani-detail-side-list a {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .ani-detail-side-list a {
    color: #c8d3dc !important;
}
body.dark .ani-detail-side-list a:hover {
    background-color: #16242c !important;
}
body.dark .ani-detail-side-list strong {
    color: #c8d3dc !important;
}
body.dark .blog-page {
    background: radial-gradient(circle at 8% 6%, hsla(171, 26%, 20%, 0.13), transparent 28%),
        radial-gradient(circle at 92% 8%, hsla(42, 45%, 19%, 0.16), transparent 28%),
        linear-gradient(180deg, hsl(207, 45%, 10%) 0%, #16242c 100%) !important;
}
body.dark .blog-page {
    color: #c8d3dc !important;
}
body.dark .blog-hero {
    background: linear-gradient(135deg, hsl(200, 45%, 11%) 0%, hsl(47, 45%, 12%) 60%, #16242c 100%) !important;
}
body.dark .blog-eyebrow {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .blog-eyebrow {
    color: #c8d3dc !important;
}
body.dark .blog-hero h1 {
    color: #c8d3dc !important;
}
body.dark .blog-hero p {
    color: #c8d3dc !important;
}
body.dark .blog-primary-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .blog-secondary-btn {
    background-color: #16242c !important;
}
body.dark .blog-secondary-btn {
    color: #c8d3dc !important;
}
body.dark .blog-hero-visual {
    background: linear-gradient(135deg,#16242c,hsl(200, 45%, 11%)) !important;
}
body.dark .blog-stat-card {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .blog-stat-icon {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-stat-card small {
    color: #c8d3dc !important;
}
body.dark .blog-stat-card strong {
    color: #c8d3dc !important;
}
body.dark .blog-featured-card {
    background: linear-gradient(135deg,#16242c 0%,hsl(40, 45%, 11%) 100%) !important;
}
body.dark .blog-featured-image {
    background-color: hsl(198, 34%, 11%) !important;
}
body.dark .blog-featured-kicker {
    background-color: hsl(39, 45%, 11%) !important;
}
body.dark .blog-featured-kicker {
    color: #c8d3dc !important;
}
body.dark .blog-featured-content h2 {
    color: #c8d3dc !important;
}
body.dark .blog-featured-content p {
    color: #c8d3dc !important;
}
body.dark .blog-meta-pill {
    background-color: #16242c !important;
}
body.dark .blog-meta-pill {
    color: #c8d3dc !important;
}
body.dark .blog-toolbar {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .blog-category-chips a {
    background-color: #16242c !important;
}
body.dark .blog-category-chips a {
    color: #c8d3dc !important;
}
body.dark .blog-category-chips a.active,
body.dark .blog-category-chips a:hover {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-category-chips a.active,
body.dark .blog-category-chips a:hover {
    color: #c8d3dc !important;
}
body.dark .blog-search-box {
    background-color: #16242c !important;
}
body.dark .blog-search-box i {
    color: #c8d3dc !important;
}
body.dark .blog-search-box input {
    color: #c8d3dc !important;
}
body.dark .blog-section-head {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .blog-section-head span {
    color: #c8d3dc !important;
}
body.dark .blog-section-head h2 {
    color: #c8d3dc !important;
}
body.dark .blog-section-head small {
    color: #c8d3dc !important;
}
body.dark .blog-article-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .blog-card-image {
    background-color: hsl(198, 34%, 11%) !important;
}
body.dark .blog-card-badge {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .blog-card-badge {
    color: #c8d3dc !important;
}
body.dark .blog-card-title {
    color: #c8d3dc !important;
}
body.dark .blog-card-summary {
    color: #c8d3dc !important;
}
body.dark .blog-card-meta span {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .blog-card-meta span {
    color: #c8d3dc !important;
}
body.dark .blog-card-footer {
    background: linear-gradient(135deg,hsl(200, 45%, 10%),#16242c) !important;
}
body.dark .blog-side-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .blog-side-icon {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-side-head h3 {
    color: #c8d3dc !important;
}
body.dark .blog-side-list a {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .blog-side-list a:hover {
    background-color: #16242c !important;
}
body.dark .blog-side-list strong {
    color: #c8d3dc !important;
}
body.dark .blog-tag-cloud a {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .blog-tag-cloud a {
    color: #c8d3dc !important;
}
body.dark .blog-tag-cloud a:hover {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-cta-card .blog-side-icon {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .blog-cta-card a {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .blog-empty-card {
    background-color: #16242c !important;
}
body.dark .blog-empty-card {
    color: #c8d3dc !important;
}
body.dark .blog-pagination-modern .btn {
    background-color: #16242c !important;
}
body.dark .blog-pagination-modern .btn {
    color: #c8d3dc !important;
}
body.dark .blog-seo-accordion {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%) 62%,#16242c) !important;
}
body.dark .blog-seo-toggle {
    color: #c8d3dc !important;
}
body.dark .blog-seo-toggle span {
    color: #c8d3dc !important;
}
body.dark .blog-seo-toggle i {
    background-color: #16242c !important;
}
body.dark .blog-seo-toggle i {
    color: #c8d3dc !important;
}
body.dark .blog-seo-card {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .blog-seo-card span {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-seo-card h3 {
    color: #c8d3dc !important;
}
body.dark .blog-seo-card p {
    color: #c8d3dc !important;
}
body.dark .blog-newsletter a {
    background-color: #16242c !important;
}
body.dark .blog-newsletter a {
    color: #c8d3dc !important;
}
body.dark .blog-ad {
    background: linear-gradient(135deg,hsl(214, 23%, 11%) 0%,hsl(210, 22%, 11%) 100%) !important;
}
body.dark .blog-ad:hover {
    background: linear-gradient(135deg,hsl(204, 31%, 10%) 0%,#16242c 100%) !important;
}
body.dark .blog-ad strong {
    color: #c8d3dc !important;
}
body.dark .blog-ad {
    background: linear-gradient(135deg,hsl(214, 18%, 11%) 0%,hsl(216, 25%, 11%) 100%) !important;
}
body.dark .blog-detail-page {
    background: radial-gradient(circle at 8% 5%, hsla(171, 26%, 20%, 0.12), transparent 28%),
        radial-gradient(circle at 92% 7%, hsla(42, 45%, 19%, 0.16), transparent 25%),
        linear-gradient(180deg,hsl(207, 45%, 10%) 0%,#16242c 100%) !important;
}
body.dark .blog-detail-page {
    color: #c8d3dc !important;
}
body.dark .blog-detail-hero {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .blog-detail-eyebrow {
    background-color: rgba(22, 36, 44, 0.86) !important;
}
body.dark .blog-detail-eyebrow {
    color: #c8d3dc !important;
}
body.dark .blog-detail-hero h1 {
    color: #c8d3dc !important;
}
body.dark .blog-detail-excerpt {
    color: #c8d3dc !important;
}
body.dark .blog-detail-meta-pill {
    background-color: #16242c !important;
}
body.dark .blog-detail-meta-pill {
    color: #c8d3dc !important;
}
body.dark .blog-detail-primary-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .blog-detail-secondary-btn {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .blog-detail-secondary-btn {
    color: #c8d3dc !important;
}
body.dark .blog-detail-secondary-btn:hover {
    background-color: #16242c !important;
}
body.dark .blog-detail-secondary-btn:hover {
    color: #c8d3dc !important;
}
body.dark .blog-detail-ad {
    background-color: hsl(214, 26%, 11%) !important;
}
body.dark .blog-detail-article-card {
    background-color: #16242c !important;
}
body.dark .blog-detail-cover {
    background-color: hsl(203, 34%, 11%) !important;
}
body.dark .blog-detail-author-card {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(48, 45%, 11%)) !important;
}
body.dark .blog-detail-author-avatar {
    background: linear-gradient(135deg,#3aaec3,hsl(171, 26%, 20%)) !important;
}
body.dark .blog-detail-author-left strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-share-inline a,
body.dark .blog-detail-share-inline button {
    background-color: #16242c !important;
}
body.dark .blog-detail-share-inline a,
body.dark .blog-detail-share-inline button {
    color: #c8d3dc !important;
}
body.dark .blog-detail-share-inline a:hover,
body.dark .blog-detail-share-inline button:hover {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content h1,
body.dark .blog-detail-content h2,
body.dark .blog-detail-content h3,
body.dark .blog-detail-content h4 {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content h2 {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(49, 45%, 11%)) !important;
}
body.dark .blog-detail-content blockquote {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),#16242c) !important;
}
body.dark .blog-detail-content blockquote {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content th {
    background-color: hsl(202, 45%, 11%) !important;
}
body.dark .blog-detail-content th {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content .toc,
body.dark .blog-detail-toc {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(48, 45%, 11%)) !important;
}
body.dark .blog-detail-content .toc li {
    color: #c8d3dc !important;
}
body.dark .blog-detail-content .toc a {
    color: #c8d3dc !important;
}
body.dark .blog-detail-note-card {
    background: linear-gradient(135deg,hsl(47, 45%, 12%),#16242c) !important;
}
body.dark .blog-detail-note-card {
    color: #c8d3dc !important;
}
body.dark .blog-detail-note-card strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-note-card p {
    color: #c8d3dc !important;
}
body.dark .blog-detail-cta a {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .blog-detail-feedback {
    background-color: hsl(206, 45%, 10%) !important;
}
body.dark .blog-detail-feedback strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-feedback button {
    background-color: #16242c !important;
}
body.dark .blog-detail-feedback button {
    color: #c8d3dc !important;
}
body.dark .blog-detail-side-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .blog-detail-side-icon {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-detail-side-head h3 {
    color: #c8d3dc !important;
}
body.dark .blog-detail-side-card p {
    color: #c8d3dc !important;
}
body.dark .blog-detail-side-card .blog-side-list img {
    background-color: hsl(203, 34%, 11%) !important;
}
body.dark .blog-detail-side-card .blog-side-list strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-side-cta a {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .blog-detail-cta-actions a:nth-child(n+2) {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .blog-detail-related {
    background: linear-gradient(180deg,#16242c,hsl(206, 45%, 10%)) !important;
}
body.dark .blog-detail-related-head h2 {
    color: #c8d3dc !important;
}
body.dark .blog-detail-related-card {
    background-color: #16242c !important;
}
body.dark .blog-detail-related-card img {
    background-color: hsl(203, 34%, 11%) !important;
}
body.dark .blog-detail-related-card strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-seo-accordion {
    background-color: #16242c !important;
}
body.dark .blog-detail-seo-toggle {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .blog-detail-seo-toggle strong {
    color: #c8d3dc !important;
}
body.dark .blog-detail-seo-card {
    background-color: #16242c !important;
}
body.dark .blog-detail-seo-card h3 {
    color: #c8d3dc !important;
}
body.dark .blog-detail-seo-card p {
    color: #c8d3dc !important;
}
body.dark .eg-sekme {
    background-color: #16242c !important;
}
body.dark .eg-sekme {
    color: #c8d3dc !important;
}
body.dark .eg-sekme.aktif .eg-sekme-rozet {
    background-color: rgba(22, 36, 44, 0.28) !important;
}
body.dark .eg-kart {
    background-color: #16242c !important;
}
body.dark .eg-kart-baslik .eg-ikon {
    background-color: hsl(191, 30%, 12%) !important;
}
body.dark .eg-kart-baslik .eg-ikon {
    color: #c8d3dc !important;
}
body.dark .eg-kpi {
    background-color: #16242c !important;
}
body.dark .eg-kpi.vurgu {
    background: linear-gradient(140deg, #2d8fa7, #43b3b5 60%, hsl(160, 27%, 20%)) !important;
}
body.dark .eg-btn-ikincil {
    background-color: #16242c !important;
}
body.dark .eg-btn-ikincil {
    color: #c8d3dc !important;
}
body.dark .eg-btn-uyari {
    background-color: #16242c !important;
}
body.dark .eg-btn-tehlike {
    background-color: #16242c !important;
}
body.dark .eg-btn-tehlike {
    color: #c8d3dc !important;
}
body.dark .eg-alan > span {
    color: #c8d3dc !important;
}
body.dark .eg-girdi {
    background-color: #16242c !important;
}
body.dark .eg-girdi {
    color: #c8d3dc !important;
}
body.dark .eg-secim {
    background-color: #16242c !important;
}
body.dark .eg-secim:has(input:checked) {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .eg-rozet {
    background-color: #16242c !important;
}
body.dark .eg-rozet {
    color: #c8d3dc !important;
}
body.dark .eg-rozet-basari {
    background-color: hsl(150, 30%, 11%) !important;
}
body.dark .eg-rozet-basari {
    color: #c8d3dc !important;
}
body.dark .eg-rozet-uyari {
    background-color: hsl(38, 45%, 11%) !important;
}
body.dark .eg-rozet-uyari {
    color: #c8d3dc !important;
}
body.dark .eg-rozet-tehlike {
    background-color: hsl(0, 41%, 11%) !important;
}
body.dark .eg-rozet-tehlike {
    color: #c8d3dc !important;
}
body.dark .eg-rozet-bilgi {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .eg-rozet-bilgi {
    color: #c8d3dc !important;
}
body.dark .eg-tablo {
    background-color: #16242c !important;
}
body.dark .eg-tablo th {
    color: #c8d3dc !important;
}
body.dark .eg-tablo tbody tr:hover {
    background-color: hsl(200, 33%, 10%) !important;
}
body.dark .eg-cubuk {
    background-color: hsl(200, 14%, 12%) !important;
}
body.dark .eg-uyari {
    background-color: #16242c !important;
}
body.dark .eg-uyari-bilgi {
    background-color: hsl(192, 34%, 11%) !important;
}
body.dark .eg-uyari-basari {
    background-color: hsl(150, 31%, 11%) !important;
}
body.dark .eg-uyari-uyari {
    background-color: hsl(40, 45%, 11%) !important;
}
body.dark .eg-uyari-tehlike {
    background-color: hsl(0, 39%, 11%) !important;
}
body.dark table.eg-kart-mobil tr {
    background-color: #16242c !important;
}
body.dark .eg-vitrin-foto {
    background-color: #16242c !important;
}
body.dark .eg-vitrin-foto {
    color: #c8d3dc !important;
}
body.dark .eg-vitrin-rozetler .eg-rozet {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .eg-vitrin-rozetler .eg-rozet-basari {
    color: #c8d3dc !important;
}
body.dark .eg-vitrin-rozetler .eg-rozet-uyari {
    background-color: hsla(43, 45%, 20%, 0.95) !important;
}
body.dark .eg-vitrin-rozetler .eg-rozet-uyari {
    color: #c8d3dc !important;
}
body.dark .eg-vitrin-rozetler .eg-rozet-tehlike {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .eg-vitrin-aksiyon .eg-btn-ikincil {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .eg-vitrin-aksiyon .eg-btn-ikincil:hover {
    background-color: rgba(22, 36, 44, 0.24) !important;
}
body.dark .eg-vitrin-tanitim p {
    color: #c8d3dc !important;
}
body.dark .eg-sinif-kart,
body.dark .eg-egitmen-kart {
    background-color: #16242c !important;
}
body.dark .eg-sinif-aciklama {
    color: #c8d3dc !important;
}
/*
 * KATLANIR BLOK (.eg-toplu) — gece karşılığı YOKTU.
 *
 * Açık temada `background: var(--eg-soft)` (#f6fafc) ve
 * `color: var(--eg-navy)` taşıyor; gece modunda beyaz kutu + koyu yazı
 * olarak kalıyordu. Toplu öğrenci ekleme kutusunda uzun süredir öyleydi;
 * "Gelişmiş" ve "Kuralları düzenle" bölümleri de aynı sınıfı kullanınca
 * her sayfada görünür oldu.
 */
body.dark .eg-toplu {
    background-color: #13202a !important;
    border-color: #2a3f4c !important;
}
body.dark .eg-toplu summary {
    color: #dfe9ef !important;
}
body.dark .eg-toplu summary::before {
    color: #5ab7cc !important;
}

body.dark .eg-grup-baslik {
    color: #c8d3dc !important;
}
body.dark .eg-basvuru-giris {
    color: #c8d3dc !important;
}
body.dark .eg-adim-no {
    background-color: hsl(200, 14%, 12%) !important;
}
body.dark .eg-adim-no {
    color: #c8d3dc !important;
}
body.dark .eg-yapilacak-kart {
    background-color: hsl(38, 45%, 11%) !important;
}
body.dark .eg-yapilacak-kart {
    color: #c8d3dc !important;
}
body.dark .eg-hizli-kart {
    background-color: #16242c !important;
}
body.dark .eg-hizli-kart {
    color: #c8d3dc !important;
}
body.dark .eg-hizli-kart.vurgu {
    background-color: hsl(40, 45%, 11%) !important;
}
body.dark .eg-akis-ikon {
    background-color: hsl(191, 30%, 12%) !important;
}
body.dark .eg-akis-ikon {
    color: #c8d3dc !important;
}
body.dark .eg-basvuru-liste > li {
    background-color: #16242c !important;
}
body.dark .eg-basvuru-metin {
    color: #c8d3dc !important;
}
body.dark .eg-odev-liste > li {
    background-color: #16242c !important;
}
body.dark .eg-odev-liste > li.gecikmis {
    background-color: hsl(0, 35%, 11%) !important;
}
body.dark .eg-odev-not {
    color: #c8d3dc !important;
}
body.dark .eg-kesif-kart {
    background-color: #16242c !important;
}
body.dark .eg-kesif-foto {
    background-color: hsl(191, 30%, 12%) !important;
}
body.dark .eg-kesif-foto {
    color: #c8d3dc !important;
}
body.dark .eg-kesif-foto.kare {
    background-color: #16242c !important;
}
body.dark .eg-kesif-tanitim {
    color: #c8d3dc !important;
}
body.dark .eg-benim-satir {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .eg-sira-1 {
    color: #c8d3dc !important;
}
body.dark .eg-sira-2 {
    background-color: hsl(203, 10%, 17%) !important;
}
body.dark .eg-sira-2 {
    color: #c8d3dc !important;
}
body.dark .eg-sira-3 {
    background-color: hsl(31, 30%, 20%) !important;
}
body.dark .eg-fayda-kart {
    background: linear-gradient(140deg, #16242c, hsl(193, 38%, 11%)) !important;
}
body.dark .eg-sss p {
    color: #c8d3dc !important;
}
body.dark .eg-zaman-nokta {
    background-color: hsl(200, 15%, 14%) !important;
}
body.dark .eg-onizleme {
    color: #c8d3dc !important;
}
body.dark .eg-sure-dugme {
    background-color: #16242c !important;
}
body.dark .eg-sure-dugme {
    color: #c8d3dc !important;
}
body.dark .eg-calisma {
    background-color: #16242c !important;
}
body.dark .eg-calisma-sayac.kritik {
    color: #c8d3dc !important;
}
body.dark .eg-calisma-olcum strong.yz-iyi {
    color: #c8d3dc !important;
}
body.dark .eg-calisma-olcum strong.yz-kotu {
    color: #c8d3dc !important;
}
body.dark .yz-dogru {
    color: #c8d3dc !important;
}
body.dark .yz-yanlis {
    background-color: hsl(2, 35%, 20%) !important;
}
body.dark .yz-kalan {
    color: #c8d3dc !important;
}
body.dark .yz-imlec {
    color: #c8d3dc !important;
}
body.dark .eg-katil-serit .eg-btn-ana {
    background-color: #16242c !important;
}
body.dark .eg-katil-serit .eg-btn-ana {
    color: #c8d3dc !important;
}
body.dark .eg-katil-serit .eg-btn-ana:hover {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .eg-katil-serit .eg-btn-ana:hover {
    color: #c8d3dc !important;
}
body.dark .eg-ekip-kart {
    background-color: #16242c !important;
}
body.dark .eg-alan .select2-container--default .select2-selection--single {
    background-color: #16242c !important;
}
body.dark .eg-tehlike-bolge {
    background-color: hsl(0, 45%, 10%) !important;
}
body.dark .eg-tehlike-bolge .eg-kart-baslik span {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page {
    background: radial-gradient(circle at 8% 3%,rgba(67,174,195,.10),transparent 26%),radial-gradient(circle at 94% 7%,hsla(41, 45%, 20%, 0.14),transparent 24%) !important;
}
body.dark .ko-profile-page {
    color: #c8d3dc !important;
}
body.dark .ko-profile-cover-art {
    background: radial-gradient(circle at 86% 24%,rgba(22, 36, 44, 0.18),transparent 20%),radial-gradient(circle at 77% 84%,hsla(42, 45%, 19%, 0.23),transparent 25%),repeating-linear-gradient(135deg,rgba(22, 36, 44, 0.025) 0 1px,transparent 1px 13px) !important;
}
body.dark .ko-profile-avatar-button {
    background: linear-gradient(145deg,#16242c,hsl(193, 27%, 13%)) !important;
}
body.dark .ko-profile-avatar-status {
    background-color: hsl(207, 8%, 20%) !important;
}
body.dark .ko-profile-avatar-status.is-offline {
    background-color: hsl(207, 9%, 20%) !important;
}
body.dark .ko-profile-owner-pill,
body.dark .ko-profile-online-pill {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .ko-profile-online-pill i {
    background-color: hsl(156, 39%, 20%) !important;
}
body.dark .ko-profile-tags span {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .ko-profile-tags .is-vip {
    background: linear-gradient(135deg,hsla(44, 45%, 20%, 0.3),rgba(22, 36, 44, 0.12)) !important;
}
body.dark .ko-profile-btn-primary {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .ko-profile-btn-message {
    background-color: #16242c !important;
}
body.dark .ko-profile-btn-message {
    color: #c8d3dc !important;
}
body.dark .ko-profile-btn-light {
    background-color: rgba(22, 36, 44, 0.13) !important;
}
body.dark .ko-profile-btn-pending {
    background-color: hsla(44, 45%, 20%, 0.17) !important;
}
body.dark .ko-profile-meta-strip i {
    background-color: rgba(22, 36, 44, 0.12) !important;
}
body.dark .ko-profile-panel {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ko-profile-panel-head h2 {
    color: #c8d3dc !important;
}
body.dark .ko-profile-gallery-item {
    background-color: hsl(206, 30%, 11%) !important;
}
body.dark .ko-profile-gallery-item.is-placeholder {
    background: linear-gradient(135deg,hsl(200, 33%, 11%),hsl(198, 23%, 11%)) !important;
}
body.dark .ko-profile-progress {
    background-color: hsl(204, 17%, 12%) !important;
}
body.dark .ko-profile-progress span {
    background: linear-gradient(90deg,#38abc3,hsl(162, 26%, 20%)) !important;
}
body.dark .ko-profile-completion li.done {
    color: #c8d3dc !important;
}
body.dark .ko-profile-badge-list span {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(44, 45%, 11%)) !important;
}
body.dark .ko-profile-badge-list span {
    color: #c8d3dc !important;
}
body.dark .ko-profile-activity-preview li {
    background-color: hsl(204, 25%, 11%) !important;
}
body.dark .ko-profile-activity-preview li>i {
    background-color: hsl(190, 38%, 11%) !important;
}
body.dark .ko-profile-activity-preview strong {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .customtab {
    background-color: hsl(200, 28%, 11%) !important;
}
body.dark .ko-profile-page .customtab .nav-link {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .customtab .nav-link.active {
    background-color: #16242c !important;
}
body.dark .ko-profile-page .customtab .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .ko-profile-preview-modal .modal-content,
body.dark .ko-profile-edit-modal .modal-content {
    background-color: #16242c !important;
}
body.dark .ko-profile-preview-info h3 {
    color: #c8d3dc !important;
}
body.dark .ko-profile-preview-info>span i {
    background-color: hsl(206, 9%, 20%) !important;
}
body.dark .ko-profile-edit-modal .img-container {
    background-color: hsl(206, 26%, 11%) !important;
}
body.dark .ko-profile-gallery-empty-state {
    background: linear-gradient(135deg,hsl(204, 31%, 10%),hsl(202, 24%, 11%)) !important;
}
body.dark .ko-profile-gallery-empty-state>i {
    background-color: hsl(192, 27%, 12%) !important;
}
body.dark .ko-profile-gallery-empty-state strong {
    color: #c8d3dc !important;
}
body.dark .ko-profile-friends-empty {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(47, 45%, 10%)) !important;
}
body.dark .ko-profile-friends-avatars span {
    background: linear-gradient(135deg,hsl(190, 33%, 12%),hsl(46, 43%, 14%)) !important;
}
body.dark .ko-profile-friends-empty>strong {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .widget-style3 {
    background: linear-gradient(135deg,#16242c,hsl(200, 33%, 11%)) !important;
}
body.dark .ko-profile-page .widget-style3 .widget-icon .icon {
    background: linear-gradient(135deg,hsl(193, 35%, 12%),hsl(44, 45%, 12%)) !important;
}
body.dark .ko-profile-page .widget-style3 .widget-icon .icon {
    color: #c8d3dc !important;
}
body.dark .ko-profile-highlight-bar>div>i {
    background-color: rgba(22, 36, 44, 0.12) !important;
}
body.dark .ko-profile-highlight-bar .ko-profile-record-main {
    background: linear-gradient(135deg,hsla(41, 45%, 20%, 0.18),rgba(22, 36, 44, 0.04)) !important;
}
body.dark .ko-profile-inline-link:hover {
    color: #c8d3dc !important;
}
body.dark .ko-profile-badge-grid>span {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(40, 45%, 11%)) !important;
}
body.dark .ko-profile-badge-grid i {
    background-color: #16242c !important;
}
body.dark .ko-profile-badge-grid b {
    color: #c8d3dc !important;
}
body.dark .ko-social-profile-hero {
    background: linear-gradient(132deg,#19384d 0%,#236c83 50%,hsl(167, 20%, 20%) 100%) !important;
}
body.dark .ko-social-cover {
    background: radial-gradient(circle at 88% 12%,rgba(22, 36, 44, 0.21),transparent 22%),radial-gradient(circle at 78% 95%,hsla(42, 45%, 18%, 0.2),transparent 26%),repeating-linear-gradient(135deg,rgba(22, 36, 44, 0.03) 0 1px,transparent 1px 15px) !important;
}
body.dark .ko-social-avatar {
    background: linear-gradient(145deg,#16242c,hsl(192, 27%, 13%)) !important;
}
body.dark .ko-social-presence {
    background-color: hsl(205, 8%, 20%) !important;
}
body.dark .ko-social-presence.is-offline {
    background-color: hsl(207, 8%, 20%) !important;
}
body.dark .ko-social-owner-label,
body.dark .ko-social-online-label {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .ko-social-online-label i {
    background-color: hsl(155, 39%, 20%) !important;
}
body.dark .ko-social-chips span {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .ko-social-chips .vip {
    background: linear-gradient(135deg,hsla(44, 45%, 20%, 0.32),rgba(22, 36, 44, 0.11)) !important;
}
body.dark .ko-social-btn.primary {
    background: linear-gradient(135deg,hsl(42, 45%, 20%),hsl(20, 45%, 20%)) !important;
}
body.dark .ko-social-btn.light {
    background-color: #16242c !important;
}
body.dark .ko-social-btn.light {
    color: #c8d3dc !important;
}
body.dark .ko-social-btn.ghost {
    background-color: rgba(22, 36, 44, 0.11) !important;
}
body.dark .ko-social-btn.warning {
    background-color: hsla(42, 45%, 20%, 0.17) !important;
}
body.dark .ko-social-scoreboard>div>i {
    background-color: rgba(22, 36, 44, 0.12) !important;
}
body.dark .ko-social-scoreboard .ko-social-record {
    background: linear-gradient(135deg,hsla(40, 45%, 20%, 0.12),rgba(22, 36, 44, 0.03)) !important;
}
body.dark .ko-social-card {
    background-color: rgba(22, 36, 44, 0.97) !important;
}
body.dark .ko-social-card-head h2 {
    color: #c8d3dc !important;
}
body.dark .ko-social-text-btn {
    color: #c8d3dc !important;
}
body.dark .ko-social-gallery button {
    background: linear-gradient(135deg,hsl(204, 31%, 10%),hsl(196, 24%, 11%)) !important;
}
body.dark .ko-social-empty-gallery {
    background: linear-gradient(135deg,hsl(204, 31%, 10%),hsl(196, 26%, 11%)) !important;
}
body.dark .ko-social-empty-gallery>i {
    background-color: hsl(193, 26%, 12%) !important;
}
body.dark .ko-social-empty-gallery strong {
    color: #c8d3dc !important;
}
body.dark .ko-social-about-text {
    background-color: hsl(200, 28%, 11%) !important;
}
body.dark .ko-social-about-text {
    color: #c8d3dc !important;
}
body.dark .ko-social-detail-list span {
    background-color: hsl(200, 33%, 10%) !important;
}
body.dark .ko-social-detail-list i {
    background-color: hsl(189, 28%, 12%) !important;
}
body.dark .ko-social-detail-list em {
    color: #c8d3dc !important;
}
body.dark .ko-social-friend-summary {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(47, 45%, 10%)) !important;
}
body.dark .ko-social-friend-avatars span,
body.dark .ko-social-friend-avatars b {
    background-color: hsl(192, 25%, 12%) !important;
}
body.dark .ko-social-friend-summary strong {
    color: #c8d3dc !important;
}
body.dark .ko-social-activity-list li {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .ko-social-activity-list li>i {
    background-color: hsl(190, 31%, 12%) !important;
}
body.dark .ko-social-activity-list strong {
    color: #c8d3dc !important;
}
body.dark .ko-social-badge-grid>span {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(41, 45%, 11%)) !important;
}
body.dark .ko-social-badge-grid i {
    background-color: #16242c !important;
}
body.dark .ko-social-badge-grid b {
    color: #c8d3dc !important;
}
body.dark .ko-social-progress {
    background-color: hsl(202, 17%, 12%) !important;
}
body.dark .ko-social-progress span {
    background: linear-gradient(90deg,#38abc3,hsl(162, 25%, 20%)) !important;
}
body.dark .ko-social-completion li.done {
    color: #c8d3dc !important;
}
body.dark .ko-social-completion>a {
    color: #c8d3dc !important;
}
body.dark .ko-social-section-title {
    background-color: rgba(22, 36, 44, 0.91) !important;
}
body.dark .ko-social-section-title h2 {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion,
body.dark .ko-profile-history-accordion {
    background-color: #16242c !important;
}
body.dark .ko-profile-accordion-trigger {
    background: linear-gradient(135deg,hsl(200, 41%, 10%),hsl(195, 30%, 11%)) !important;
}
body.dark .ko-profile-accordion-trigger {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-trigger:hover {
    background: linear-gradient(135deg,hsl(191, 40%, 11%),hsl(191, 29%, 12%)) !important;
}
body.dark .ko-profile-accordion-vip .ko-profile-accordion-trigger {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-icon {
    background-color: hsl(193, 30%, 12%) !important;
}
body.dark .ko-profile-accordion-icon {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-vip .ko-profile-accordion-icon {
    background-color: rgba(22, 36, 44, 0.24) !important;
}
body.dark .ko-profile-accordion-vip .ko-profile-accordion-title small {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-side b {
    background-color: hsl(196, 27%, 12%) !important;
}
body.dark .ko-profile-accordion-side b {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-vip .ko-profile-accordion-side b {
    color: #c8d3dc !important;
}
body.dark .ko-profile-accordion-vip .ko-profile-accordion-side i {
    color: #c8d3dc !important;
}
body.dark .ko-performance-period {
    background-color: hsl(200, 33%, 11%) !important;
}
body.dark .ko-performance-period {
    color: #c8d3dc !important;
}
body.dark .ko-chart-card-head>i {
    background-color: rgba(22, 36, 44, 0.09) !important;
}
body.dark .ko-duel-summary-card {
    background: radial-gradient(circle at 100% 0,rgba(63,174,194,.12),transparent 34%),
        linear-gradient(145deg,#16242c,hsl(200, 28%, 11%)) !important;
}
body.dark .ko-duel-summary-head h3 {
    color: #c8d3dc !important;
}
body.dark .ko-duel-summary-head>i {
    background: linear-gradient(135deg,hsl(189, 37%, 12%),hsl(43, 45%, 12%)) !important;
}
body.dark .ko-duel-total strong {
    color: #c8d3dc !important;
}
body.dark .ko-duel-results>div {
    background-color: rgba(22, 36, 44, 0.82) !important;
}
body.dark .ko-duel-results strong {
    color: #c8d3dc !important;
}
body.dark .ko-duel-rate strong {
    color: #c8d3dc !important;
}
body.dark .ko-duel-rate-track {
    background-color: hsl(205, 17%, 12%) !important;
}
body.dark .ko-duel-status {
    background-color: hsl(192, 23%, 11%) !important;
}
body.dark .ko-duel-status {
    color: #c8d3dc !important;
}
body.dark .ko-duel-status.is-positive {
    background-color: hsl(150, 28%, 12%) !important;
}
body.dark .ko-duel-status.is-positive {
    color: #c8d3dc !important;
}
body.dark .ko-duel-status.is-balanced {
    background-color: hsl(39, 45%, 11%) !important;
}
body.dark .ko-duel-status.is-balanced {
    color: #c8d3dc !important;
}
body.dark .ko-duel-status.is-negative {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .ko-duel-status.is-negative {
    color: #c8d3dc !important;
}
body.dark .ko-duel-status.is-empty {
    background-color: hsl(200, 20%, 11%) !important;
}
body.dark .ko-duel-status.is-empty {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .widget-style3 {
    background-color: #16242c !important;
}
body.dark .ko-profile-page .widget-style3 .widget-data .weight-700 {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .widget-style3 .widget-icon .icon {
    background: linear-gradient(145deg,hsl(190, 35%, 12%),hsl(44, 45%, 12%)) !important;
}
body.dark .ko-activities-chart-card {
    background: radial-gradient(circle at 100% 0,rgba(57,164,185,.07),transparent 30%),
        linear-gradient(145deg,#16242c,hsl(200, 18%, 10%)) !important;
}
body.dark .ko-chart-card-head {
    color: #c8d3dc !important;
}
body.dark .ko-chart-card-head strong {
    color: #c8d3dc !important;
}
body.dark .ko-chart-card-head>i {
    background: linear-gradient(145deg,hsl(188, 34%, 11%),hsl(42, 45%, 12%)) !important;
}
body.dark .ko-activities-chart-card .apexcharts-legend-text {
    color: #c8d3dc !important;
}
body.dark .ko-activities-chart-card .apexcharts-tooltip {
    background-color: #16242c !important;
}
body.dark .ko-activities-chart-card .apexcharts-tooltip {
    color: #c8d3dc !important;
}
body.dark .ko-duel-summary-card {
    background: radial-gradient(circle at 100% 0,rgba(61,178,196,.08),transparent 34%),
        linear-gradient(145deg,#16242c,hsl(195, 22%, 11%)) !important;
}
body.dark .ko-duel-summary-head>i {
    background: linear-gradient(145deg,hsl(188, 34%, 11%),hsl(42, 45%, 12%)) !important;
}
body.dark .ko-duel-results>div {
    background-color: #16242c !important;
}
body.dark .ko-profile-page {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .widget-style3 .widget-icon .icon {
    background-color: hsl(193, 39%, 11%) !important;
}
body.dark .ko-share-modal .modal-content {
    background-color: #16242c !important;
}
body.dark .ko-share-modal-close {
    color: #c8d3dc !important;
}
body.dark .ko-share-card {
    background: radial-gradient(circle at 100% 0,rgba(66,178,194,.14),transparent 35%),
        linear-gradient(145deg,#16242c,hsl(192, 25%, 11%)) !important;
}
body.dark .ko-share-user h3 {
    color: #c8d3dc !important;
}
body.dark .ko-share-summary>div {
    background-color: #16242c !important;
}
body.dark .ko-share-summary strong {
    color: #c8d3dc !important;
}
body.dark .ko-share-bio {
    background-color: hsl(191, 26%, 11%) !important;
}
body.dark .ko-share-bio {
    color: #c8d3dc !important;
}
body.dark .ko-share-link-row {
    background-color: #16242c !important;
}
body.dark .ko-share-link-row input {
    color: #c8d3dc !important;
}
body.dark .ko-share-link-row button {
    background-color: hsl(191, 30%, 12%) !important;
}
body.dark .ko-share-secondary {
    background-color: #16242c !important;
}
body.dark .ko-share-secondary {
    color: #c8d3dc !important;
}
body.dark .ko-social-chips .vip {
    background: linear-gradient(135deg,hsla(45, 45%, 20%, 0.33),hsla(50, 45%, 14%, 0.15)) !important;
}
body.dark .ko-social-chips .keyboard {
    background: linear-gradient(135deg,rgba(41,149,176,.28),rgba(22, 36, 44, 0.1)) !important;
}
body.dark .ko-social-chips .record {
    background: linear-gradient(135deg,hsla(24, 45%, 20%, 0.3),rgba(22, 36, 44, 0.1)) !important;
}
body.dark .ko-social-chips .rank {
    background: linear-gradient(135deg,hsla(258, 30%, 20%, 0.3),rgba(22, 36, 44, 0.1)) !important;
}
body.dark .ko-social-chips .points {
    background: linear-gradient(135deg,rgba(47,171,137,.28),rgba(22, 36, 44, 0.1)) !important;
}
body.dark .ko-social-btn.is-message {
    background-color: #16242c !important;
}
body.dark .ko-social-btn.is-message {
    color: #c8d3dc !important;
}
body.dark .ko-social-btn.is-duel {
    background: linear-gradient(135deg,hsl(29, 45%, 20%),hsl(16, 45%, 20%)) !important;
}
body.dark .ko-social-btn.is-share {
    background-color: hsl(213, 45%, 20%) !important;
}
body.dark .ko-social-btn.is-report {
    background-color: hsl(39, 45%, 11%) !important;
}
body.dark .ko-social-btn.is-block {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .ko-social-btn.is-block {
    color: #c8d3dc !important;
}
body.dark .ko-social-owner-actions .ko-social-btn.preview {
    background-color: rgba(22, 36, 44, 0.17) !important;
}
body.dark .ko-social-owner-actions .ko-social-btn.preview:hover {
    background-color: rgba(22, 36, 44, 0.25) !important;
}
body.dark .ko-profile-strength-card .ko-social-card-head>strong {
    background: linear-gradient(135deg,hsl(173, 30%, 12%),hsl(42, 45%, 12%)) !important;
}
body.dark .ko-profile-strength-card .ko-social-card-head>strong {
    color: #c8d3dc !important;
}
body.dark .ko-profile-strength-note {
    background-color: hsl(191, 26%, 11%) !important;
}
body.dark .ko-profile-strength-note {
    color: #c8d3dc !important;
}
body.dark .ko-settings-intro {
    background: radial-gradient(circle at 100% 0,rgba(53,171,191,.10),transparent 35%),
        #16242c !important;
}
body.dark .ko-settings-intro h3 {
    color: #c8d3dc !important;
}
body.dark .ko-settings-preview-btn {
    background-color: hsl(197, 35%, 11%) !important;
}
body.dark .ko-settings-preview-btn {
    color: #c8d3dc !important;
}
body.dark .ko-settings-preview-btn:hover {
    color: #c8d3dc !important;
}
body.dark .ko-settings-card {
    background-color: #16242c !important;
}
body.dark .ko-settings-card-head>i {
    background: linear-gradient(145deg,hsl(189, 36%, 12%),hsl(42, 45%, 12%)) !important;
}
body.dark .ko-settings-card-head h4 {
    color: #c8d3dc !important;
}
body.dark .ko-field label {
    color: #c8d3dc !important;
}
body.dark .ko-field .form-control,
body.dark .ko-field .custom-select {
    background-color: hsl(200, 33%, 10%) !important;
}
body.dark .ko-field .form-control,
body.dark .ko-field .custom-select {
    color: #c8d3dc !important;
}
body.dark .ko-field .form-control:focus,
body.dark .ko-field .custom-select:focus {
    background-color: #16242c !important;
}
body.dark .ko-privacy-summary {
    background-color: hsl(193, 24%, 11%) !important;
}
body.dark .ko-privacy-summary {
    color: #c8d3dc !important;
}
body.dark .ko-chat-color-current {
    background-color: hsl(195, 28%, 10%) !important;
}
body.dark .ko-chat-color-current input[type="color"] {
    background-color: #16242c !important;
}
body.dark .ko-chat-color-current strong {
    color: #c8d3dc !important;
}
body.dark .ko-color-default {
    background-color: #16242c !important;
}
body.dark .ko-color-default {
    color: #c8d3dc !important;
}
body.dark .ko-danger-zone {
    background-color: hsl(0, 45%, 10%) !important;
}
body.dark .ko-danger-zone strong {
    color: #c8d3dc !important;
}
body.dark .ko-danger-zone button {
    background-color: #16242c !important;
}
body.dark .ko-danger-zone button {
    color: #c8d3dc !important;
}
body.dark .ko-settings-savebar {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .ko-settings-savebar strong {
    color: #c8d3dc !important;
}
body.dark .ko-social-public-actions .is-duel {
    background: linear-gradient(135deg,hsla(29, 45%, 20%, 0.3),hsla(15, 45%, 20%, 0.18)) !important;
}
body.dark .ko-profile-safety-actions button {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark .ko-profile-safety-actions button:hover {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs {
    background: radial-gradient(circle at 100% 0,rgba(55,169,189,.08),transparent 30%),
        hsl(197, 26%, 11%) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link {
    background-color: rgba(22, 36, 44, 0.58) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link>i {
    background-color: hsl(192, 27%, 12%) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link>span {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link:hover {
    background-color: #16242c !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link.active {
    background: radial-gradient(circle at 100% 0,hsla(42, 45%, 19%, 0.18),transparent 34%),
        linear-gradient(145deg,#16242c,hsl(189, 34%, 11%)) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link.active>i {
    background: linear-gradient(145deg,hsl(185, 35%, 12%),hsl(43, 45%, 13%)) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .nav-link.active>i {
    color: #c8d3dc !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .ko-tab-settings .nav-link {
    background: linear-gradient(145deg,hsl(40, 45%, 11%),#16242c) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .ko-tab-settings .nav-link>i {
    background: linear-gradient(145deg,hsl(39, 45%, 12%),hsl(38, 45%, 15%)) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .ko-tab-settings .nav-link.active {
    background: linear-gradient(145deg,hsl(42, 45%, 11%),#16242c) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .pill-vip {
    background-color: hsl(46, 45%, 13%) !important;
}
body.dark .ko-profile-page .ko-profile-main-tabs .pill-vip {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-header {
    background: radial-gradient(circle at 100% 0,hsla(41, 45%, 19%, 0.18),transparent 32%),
        linear-gradient(135deg,hsl(189, 35%, 11%),#16242c) !important;
}
body.dark .ko-vip-analysis-header {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-header .vip-icon-wrapper {
    background: linear-gradient(145deg,hsl(44, 45%, 13%),hsl(43, 45%, 17%)) !important;
}
body.dark .ko-vip-analysis-header .vip-icon-wrapper {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-header h4 {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-header .vip-badge {
    background-color: hsl(46, 45%, 13%) !important;
}
body.dark .ko-vip-analysis-header .vip-badge {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-chart-card {
    background: radial-gradient(circle at 100% 0,rgba(55,169,189,.055),transparent 30%),
        linear-gradient(145deg,#16242c,hsl(195, 22%, 11%)) !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-legend-text {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip,
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip-title {
    background-color: #16242c !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip,
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip-title {
    color: #c8d3dc !important;
}
body.dark .ko-social-requests-card {
    background: radial-gradient(circle at 100% 0,rgba(55,169,189,.08),transparent 34%),
        #16242c !important;
}
body.dark .ko-social-request-total {
    background-color: hsl(190, 30%, 11%) !important;
}
body.dark .ko-social-request-total {
    color: #c8d3dc !important;
}
body.dark .ko-social-request-item {
    background-color: hsl(200, 33%, 10%) !important;
}
body.dark .ko-social-request-item summary {
    background: linear-gradient(135deg,hsl(204, 31%, 10%),hsl(33, 45%, 11%)) !important;
}
body.dark .ko-request-icon {
    background-color: hsl(190, 31%, 12%) !important;
}
body.dark .ko-social-request-item.is-sent .ko-request-icon {
    background-color: hsl(230, 45%, 11%) !important;
}
body.dark .ko-social-request-item.is-sent .ko-request-icon {
    color: #c8d3dc !important;
}
body.dark .ko-social-request-item.is-clan .ko-request-icon {
    background-color: hsl(114, 21%, 11%) !important;
}
body.dark .ko-social-request-item.is-duel .ko-request-icon {
    background-color: hsl(35, 45%, 12%) !important;
}
body.dark .ko-request-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-request-empty {
    background-color: #16242c !important;
}
body.dark #taleplerimTable_filter input {
    background-color: #16242c !important;
}
body.dark #taleplerimTable_filter input {
    color: #c8d3dc !important;
}
body.dark .ko-owner-friends-card {
    background: radial-gradient(circle at 0 100%,rgba(57,171,193,.07),transparent 34%),
        #16242c !important;
}
body.dark .ko-owner-friends-preview {
    background: linear-gradient(145deg,hsl(192, 31%, 10%),hsl(37, 45%, 11%)) !important;
}
body.dark .ko-owner-friend-avatars span {
    background: linear-gradient(145deg,hsl(189, 34%, 12%),hsl(45, 44%, 14%)) !important;
}
body.dark .ko-owner-friends-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-owner-find-friends {
    background-color: hsl(189, 31%, 11%) !important;
}
body.dark .ko-owner-find-friends {
    color: #c8d3dc !important;
}
body.dark .ko-owner-clan-card {
    background: radial-gradient(circle at 100% 0,hsla(40, 45%, 20%, 0.12),transparent 34%),
        linear-gradient(145deg,#16242c,hsl(210, 18%, 10%)) !important;
}
body.dark .ko-clan-status {
    background-color: hsl(193, 26%, 11%) !important;
}
body.dark .ko-clan-status {
    color: #c8d3dc !important;
}
body.dark .ko-owner-clan-content {
    background: linear-gradient(145deg,hsl(192, 31%, 10%),hsl(41, 45%, 11%)) !important;
}
body.dark .ko-owner-clan-emblem {
    background: linear-gradient(145deg,hsl(188, 33%, 12%),hsl(41, 45%, 15%)) !important;
}
body.dark .ko-owner-clan-emblem {
    color: #c8d3dc !important;
}
body.dark .ko-owner-clan-info strong {
    color: #c8d3dc !important;
}
body.dark .ko-owner-clan-stats>div {
    background-color: rgba(22, 36, 44, 0.78) !important;
}
body.dark .ko-owner-clan-stats strong {
    color: #c8d3dc !important;
}
body.dark .ko-share-modal-premium .modal-content {
    background-color: #16242c !important;
}
body.dark .ko-share-modal-premium .ko-share-card {
    background-color: #16242c !important;
}
body.dark .ko-share-cover {
    background: radial-gradient(circle at 85% 10%,rgba(22, 36, 44, 0.23),transparent 26%),radial-gradient(circle at 15% 100%,hsla(41, 45%, 20%, 0.2),transparent 30%),repeating-linear-gradient(135deg,rgba(22, 36, 44, 0.028) 0 1px,transparent 1px 12px),linear-gradient(125deg,#203a50,#28758a 55%,#5caf9d) !important;
}
body.dark .ko-share-brand-icon {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .ko-share-vip-badge {
    background-color: hsla(43, 45%, 20%, 0.15) !important;
}
body.dark .ko-share-avatar-wrap img {
    background-color: #16242c !important;
}
body.dark .ko-share-user h3 {
    color: #c8d3dc !important;
}
body.dark .ko-share-summary>div {
    background-color: hsl(195, 28%, 10%) !important;
}
body.dark .ko-share-summary .is-rank i {
    color: #c8d3dc !important;
}
body.dark .ko-share-bio {
    background-color: hsl(190, 27%, 11%) !important;
}
body.dark .ko-share-bio {
    color: #c8d3dc !important;
}
body.dark .ko-share-link-label span {
    color: #c8d3dc !important;
}
body.dark .ko-share-link-row {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .ko-share-link-row input {
    color: #c8d3dc !important;
}
body.dark .ko-public-gallery-photo {
    background-color: hsl(198, 23%, 11%) !important;
}
body.dark .ko-social-link {
    background-color: hsl(200, 33%, 10%) !important;
}
body.dark .ko-social-link>i {
    background-color: hsl(193, 28%, 12%) !important;
}
body.dark .ko-social-link b {
    color: #c8d3dc !important;
}
body.dark .ko-social-link.is-twitter>i {
    background-color: hsl(201, 39%, 12%) !important;
}
body.dark .ko-social-link.is-instagram>i {
    background-color: hsl(340, 45%, 11%) !important;
}
body.dark .ko-social-link.is-instagram>i {
    color: #c8d3dc !important;
}
body.dark .ko-social-link.is-telegram>i {
    background-color: hsl(195, 39%, 12%) !important;
}
body.dark .ko-social-link.is-mail>i {
    background-color: hsl(35, 45%, 11%) !important;
}
body.dark .ko-public-clan-card {
    background: radial-gradient(circle at 100% 0,hsla(41, 45%, 20%, 0.12),transparent 34%),
        #16242c !important;
}
body.dark .ko-public-clan-status {
    background-color: hsl(193, 26%, 11%) !important;
}
body.dark .ko-public-clan-status {
    color: #c8d3dc !important;
}
body.dark .ko-public-clan-content {
    background: linear-gradient(145deg,hsl(192, 31%, 10%),hsl(41, 45%, 11%)) !important;
}
body.dark .ko-public-clan-emblem {
    background: linear-gradient(145deg,hsl(188, 33%, 12%),hsl(41, 45%, 15%)) !important;
}
body.dark .ko-public-clan-emblem {
    color: #c8d3dc !important;
}
body.dark .ko-public-clan-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-public-clan-stats>div {
    background-color: rgba(22, 36, 44, 0.78) !important;
}
body.dark .ko-public-clan-stats strong {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-trigger {
    background: radial-gradient(circle at 100% 0,hsla(41, 45%, 19%, 0.18),transparent 32%),
        linear-gradient(135deg,hsl(189, 35%, 11%),#16242c) !important;
}
body.dark .ko-vip-analysis-trigger {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-trigger .ko-profile-accordion-icon {
    background: linear-gradient(145deg,hsl(44, 45%, 13%),hsl(43, 45%, 17%)) !important;
}
body.dark .ko-vip-analysis-trigger .ko-profile-accordion-icon {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-trigger .ko-profile-accordion-title strong {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-trigger .ko-profile-accordion-side b {
    background-color: hsl(46, 45%, 13%) !important;
}
body.dark .ko-vip-analysis-trigger .ko-profile-accordion-side b {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-chart-card {
    background: radial-gradient(circle at 100% 0,rgba(55,169,189,.055),transparent 30%),
        linear-gradient(145deg,#16242c,hsl(195, 22%, 11%)) !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-legend-text {
    color: #c8d3dc !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip,
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip-title {
    background-color: #16242c !important;
}
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip,
body.dark .ko-vip-analysis-chart-card .apexcharts-tooltip-title {
    color: #c8d3dc !important;
}
body.dark .ko-public-gallery-placeholder {
    background: radial-gradient(circle at 85% 15%,rgba(57,171,193,.08),transparent 28%),linear-gradient(145deg,hsl(195, 28%, 10%),hsl(198, 23%, 11%)) !important;
}
body.dark .ko-gallery-placeholder-icon {
    background: linear-gradient(145deg,hsl(190, 31%, 12%),hsl(42, 45%, 13%)) !important;
}
body.dark .ko-public-gallery-placeholder strong {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-modal .modal-content {
    background-color: #16242c !important;
}
body.dark .ko-public-share-cover {
    background: radial-gradient(circle at 88% 10%,rgba(22, 36, 44, 0.2),transparent 25%),radial-gradient(circle at 15% 100%,hsla(41, 45%, 20%, 0.18),transparent 30%),repeating-linear-gradient(135deg,rgba(22, 36, 44, 0.025) 0 1px,transparent 1px 13px),linear-gradient(125deg,#203a50,#28758a 58%,#5caf9d) !important;
}
body.dark .ko-public-share-brand>i {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .ko-public-share-profile>img {
    background-color: #16242c !important;
}
body.dark .ko-public-share-profile h3 {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-stats>div {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .ko-public-share-stats strong {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-bio {
    background-color: hsl(190, 27%, 11%) !important;
}
body.dark .ko-public-share-bio {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-label {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-link {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .ko-public-share-link input {
    color: #c8d3dc !important;
}
body.dark .ko-public-share-link button {
    background-color: hsl(190, 29%, 12%) !important;
}
body.dark .ko-public-share-actions button:last-child {
    background-color: #16242c !important;
}
body.dark .ko-public-share-actions button:last-child {
    color: #c8d3dc !important;
}
body.dark body,
body.dark html {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark a {
    color: #c8d3dc !important;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #c8d3dc !important;
}
body.dark .pre-loader {
    background-color: center center / 13% #16242c !important;
}
body.dark .pre-loader .loader-progress {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .h1,
body.dark .h2,
body.dark .h3 {
    color: #c8d3dc !important;
}
body.dark .h4,
body.dark .h5,
body.dark .page-header h4 {
    color: #c8d3dc !important;
}
body.dark .bg-light-blue {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bg-light-gray {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .bg-white {
    background-color: #16242c !important;
}
body.dark .text-blue {
    color: #c8d3dc !important;
}
body.dark .text-light-blue {
    color: #c8d3dc !important;
}
body.dark .bg-light-orange {
    background-color: hsl(0, 45%, 19%) !important;
}
body.dark .bg-light-purple {
    background-color: hsl(260, 40%, 18%) !important;
}
body.dark .bg-orange {
    background-color: hsl(18, 45%, 19%) !important;
}
body.dark .card-box,
body.dark .da-card {
    background-color: #16242c !important;
}
body.dark .dropdown-item {
    color: #c8d3dc !important;
}
body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
    color: #c8d3dc !important;
}
body.dark .custom-file-input,
body.dark .custom-file-label,
body.dark .custom-select,
body.dark .form-control {
    color: #c8d3dc !important;
}
body.dark .custom-file-input:focus,
body.dark .custom-select:focus,
body.dark .form-control:focus {
    color: #c8d3dc !important;
}
body.dark .form-control:focus ~ .input-group-append .fa {
    color: #c8d3dc !important;
}
body.dark .has-danger {
    color: #c8d3dc !important;
}
body.dark .breadcrumb-item.active {
    color: #c8d3dc !important;
}
body.dark .breadcrumb-item a {
    color: #c8d3dc !important;
}
body.dark .datepicker--day-name,
body.dark .datepicker--time-current-hours,
body.dark .datepicker--time-current-minutes {
    color: #c8d3dc !important;
}
body.dark .datepicker--cell.-focus-,
body.dark .datepicker--nav-action:hover,
body.dark .datepicker--nav-title:hover {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .datepicker--cell.-focus-,
body.dark .datepicker--nav-action:hover,
body.dark .datepicker--nav-title:hover {
    color: #c8d3dc !important;
}
body.dark .form-control.time-picker-default:disabled,
body.dark .form-control.time-picker-default[readonly],
body.dark .form-control.time-picker:disabled,
body.dark .form-control.time-picker[readonly] {
    background-color: #16242c !important;
}
body.dark .bootstrap-select .dropdown-header {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select .dropdown-menu li .dropdown-item:hover {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li.selected a {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: #c8d3dc !important;
}
body.dark .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: hsl(210, 13%, 12%) !important;
}
body.dark table.dataTable.display tbody tr.odd,
body.dark table.dataTable.display tbody tr:hover,
body.dark table.dataTable.hover tbody tr:hover,
body.dark table.dataTable.stripe tbody tr.odd {
    background-color: hsl(206, 12%, 12%) !important;
}
body.dark .header {
    background-color: #16242c !important;
}
body.dark .header-left .header-search .search-icon {
    color: #c8d3dc !important;
}
body.dark .header-left .header-search .dropdown .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-icon {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-icon {
    color: #c8d3dc !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-name {
    color: #c8d3dc !important;
}
body.dark .user-notification .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .user-notification .dropdown-toggle .badge {
    background-color: hsl(345, 45%, 19%) !important;
}
body.dark .notification-list ul li a {
    color: #c8d3dc !important;
}
body.dark .notification-list ul li a h3 {
    color: #c8d3dc !important;
}
body.dark .header-dark .header .header-left .header-search .search-input {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .footer-wrap a {
    color: #c8d3dc !important;
}
body.dark .menu-icon,
body.dark .search-toggle-icon {
    color: #c8d3dc !important;
}
body.dark .sidebar-menu .dropdown-toggle:hover,
body.dark .sidebar-menu .show > .dropdown-toggle {
    background-color: hsla(210, 15%, 12%, 0.19) !important;
}
body.dark .sidebar-menu .submenu {
    background-color: hsla(210, 15%, 12%, 0.1) !important;
}
body.dark .sidebar-menu > ul > li > .dropdown-toggle.active {
    background-color: hsla(210, 15%, 12%, 0.19) !important;
}
body.dark .sidebar-light .sidebar-menu .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .sidebar-light .sidebar-menu .submenu li a {
    color: #c8d3dc !important;
}
body.dark .sidebar-light .sidebar-menu .submenu {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .sidebar-light .sidebar-menu .sidebar-small-cap {
    color: #c8d3dc !important;
}
body.dark .login-header {
    background-color: #16242c !important;
}
body.dark .login-menu a {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn.active,
body.dark .select-role .btn-group .btn.active:focus,
body.dark .select-role .btn-group .btn.focus.active {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn span {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps .step {
    background-color: #16242c !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.done > a .step {
    background: url("../images/tick.svg") center center / 22px no-repeat hsl(210, 15%, 12%) !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current .step {
    background-color: #16242c !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current .step {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li a {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current > a,
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.done > a {
    color: #c8d3dc !important;
}
body.dark .page-header {
    background-color: #16242c !important;
}
body.dark .fontawesome-icon-list a {
    color: #c8d3dc !important;
}
body.dark .wysihtml5-toolbar .dropdown-menu a {
    color: #c8d3dc !important;
}
body.dark .error-page h1,
body.dark .error-page-wrap {
    color: #c8d3dc !important;
}
body.dark .error-page h1 {
    color: #c8d3dc !important;
}
body.dark .device-manage-progress-chart .device-progress .progress .progress-bar.linux {
    background-color: hsl(188, 13%, 20%) !important;
}
body.dark .to-do-list ul li,
body.dark .to-do-list ul li:hover {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .to-do-list ul li:nth-child(2n) {
    background-color: #16242c !important;
}
body.dark .da-card .da-card-content {
    background-color: #16242c !important;
}
body.dark .da-card .da-social ul li a:hover {
    background-color: #16242c !important;
}
body.dark .da-card .da-social ul li a:hover {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-item.show .nav-link,
body.dark .nav-tabs.customtab .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-link {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-link:focus,
body.dark .nav-tabs.customtab .nav-link:hover {
    color: #c8d3dc !important;
}
body.dark .nav.vtabs .nav-item.show .nav-link,
body.dark .nav.vtabs .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .sitemap h5 {
    color: #c8d3dc !important;
}
body.dark .sitemap ul li a {
    color: #c8d3dc !important;
}
body.dark .sitemap ul li a:hover {
    color: #c8d3dc !important;
}
body.dark .fc th {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .blog-list ul li {
    background-color: #16242c !important;
}
body.dark .blog-list ul li .blog-caption {
    color: #c8d3dc !important;
}
body.dark .blog-list ul li .blog-caption h4 a,
body.dark .product-caption h4 a {
    color: #c8d3dc !important;
}
body.dark .latest-post ul li h4 a {
    color: #c8d3dc !important;
}
body.dark .latest-post ul li h4 a:hover {
    color: #c8d3dc !important;
}
body.dark .blog-detail,
body.dark .product-box {
    background-color: #16242c !important;
}
body.dark .price ins {
    color: #c8d3dc !important;
}
body.dark .faq-wrap .card-header {
    background-color: #16242c !important;
}
body.dark .faq-wrap .card-header .btn {
    color: #c8d3dc !important;
}
body.dark .faq-wrap .card-header .btn.collapsed {
    color: #c8d3dc !important;
}
body.dark .pricing-card .price-title {
    color: #c8d3dc !important;
}
body.dark .pricing-card .pricing-price {
    color: #c8d3dc !important;
}
body.dark .pricing-card-style2 .pricing-card-header .left h5 {
    color: #c8d3dc !important;
}
body.dark .pricing-card-style2 .pricing-card-header .right {
    color: #c8d3dc !important;
}
body.dark .pricing-points ul li {
    color: #c8d3dc !important;
}
body.dark .profile-info ul li span {
    color: #c8d3dc !important;
}
body.dark .notification-list.chat-notification-list ul li.active a,
body.dark .notification-list.chat-notification-list ul li:hover a,
body.dark .profile-tab .nav-tabs.customtab {
    background-color: #16242c !important;
}
body.dark .profile-task-list ul li {
    color: #c8d3dc !important;
}
body.dark .task-list-form > ul > li {
    background-color: hsl(193, 13%, 12%) !important;
}
body.dark .task-list-form > ul > li .remove-task {
    color: #c8d3dc !important;
}
body.dark .add-more-task a {
    color: #c8d3dc !important;
}
body.dark .profile-timeline-list .task-name {
    color: #c8d3dc !important;
}
body.dark .profile-timeline-list .task-time {
    color: #c8d3dc !important;
}
body.dark .contact-directory-box {
    background-color: #16242c !important;
}
body.dark .contact-directory-box .profile-sort-desc {
    color: #c8d3dc !important;
}
body.dark .invoice-box {
    background-color: #16242c !important;
}
body.dark .invoice-desc .invoice-desc-head {
    background-color: #16242c !important;
}
body.dark .chat-search > span {
    color: #c8d3dc !important;
}
body.dark .chat-search input {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li:hover .mesaj-alani {
    background-color: hsl(223, 45%, 10%) !important;
}
body.dark .chat-box .chat-desc ul li .mesajkullanicisi,
body.dark .chat-box .chat-desc ul li .chat-name,
body.dark .chat-box .chat-desc ul li .username {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .rutbe,
body.dark .chat-box .chat-desc ul li .rank {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani,
body.dark .chat-box .chat-desc ul li .mesaj-alani p,
body.dark .chat-box .chat-desc ul li .mesaj-alani span,
body.dark .chat-box .chat-desc ul li .mesaj-alani div {
    color: #c8d3dc !important;
}
body.dark .chat-footer {
    background-color: #16242c !important;
}
body.dark .chat-footer .chat_text_area textarea {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .chat-footer .chat_text_area textarea {
    color: #c8d3dc !important;
}
body.dark .chat-footer .chat_text_area textarea:focus {
    background-color: #16242c !important;
}
body.dark .chat-footer .chat_send .btn {
    background: linear-gradient(135deg, hsl(235, 45%, 18%), hsl(235, 45%, 20%)) !important;
}
body.dark .chat-reply-box {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .chat-reply-box {
    color: #c8d3dc !important;
}
body.dark .message-actions.visible {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .upload-file-box .left .overlay a span {
    background-color: #16242c !important;
}
body.dark .upload-file-box .left .overlay a span {
    color: #c8d3dc !important;
}
body.dark .upload-file-box .right h3 {
    color: #c8d3dc !important;
}
body.dark .wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
    color: #c8d3dc !important;
}
body.dark .right-sidebar {
    background-color: #16242c !important;
}
body.dark .right-sidebar .sidebar-title h3 span {
    color: #c8d3dc !important;
}
body.dark .fc-today.alert-info {
    background-color: hsl(247, 19%, 13%) !important;
}
body.dark .documentation-wrap .doc-sidebar {
    background-color: #16242c !important;
}
body.dark .table-actions a {
    color: #c8d3dc !important;
}
body.dark .welcome-modal {
    background-color: #16242c !important;
}
body.dark .welcome-modal .welcome-modal-close {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .welcome-modal .welcome-modal-close {
    color: #c8d3dc !important;
}
body.dark .header-left .header-search {
    background-color: #16242c !important;
}
body.dark .text-black {
    color: #c8d3dc !important;
}
body.dark .message-actions.visible {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .message-actions .action-btn {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn:hover {
    background-color: hsl(226, 45%, 11%) !important;
}
body.dark .message-actions .action-btn:hover {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn.edit:hover {
    background-color: hsl(35, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.reply:hover {
    background-color: hsl(226, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.reply:hover {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn.react:hover {
    background-color: hsl(250, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.react:hover {
    color: #c8d3dc !important;
}
body.dark .reaction-box {
    background-color: #16242c !important;
}
body.dark .reaction-item {
    background-color: hsl(216, 11%, 11%) !important;
}
body.dark .reaction-item.mine {
    background-color: hsl(211, 21%, 18%) !important;
}
body.dark .mesaj-alani {
    background-color: #16242c !important;
}
body.dark .message-header {
    color: #c8d3dc !important;
}
body.dark .replytext {
    color: #c8d3dc !important;
}
body.dark .chat-reply-box {
    background-color: #16242c !important;
}
body.dark .duel-card .card-header {
    background-color: #16242c !important;
}
body.dark .chip-blue {
    background-color: hsl(222, 45%, 11%) !important;
}
body.dark .chip-blue {
    color: #c8d3dc !important;
}
body.dark .chip-indigo {
    background-color: hsl(233, 45%, 11%) !important;
}
body.dark .chip-teal {
    background-color: hsl(169, 30%, 13%) !important;
}
body.dark .chip-green {
    background-color: hsl(146, 37%, 12%) !important;
}
body.dark .chip-amber {
    background-color: hsl(45, 45%, 15%) !important;
}
body.dark .chip-amber:hover {
    background-color: hsl(44, 45%, 18%) !important;
}
body.dark .chip-amber:hover {
    color: #c8d3dc !important;
}
body.dark .chip-amber:active {
    background-color: hsl(44, 45%, 20%) !important;
}
body.dark .chip-amber:active {
    color: #c8d3dc !important;
}
body.dark .badge-rose {
    background-color: hsl(351, 45%, 19%) !important;
}
body.dark .btn-indigo {
    background-color: hsl(234, 45%, 19%) !important;
}
body.dark .sidebar-fab {
    background: linear-gradient(135deg, hsl(47, 45%, 15%), rgb(255, 183, 3)) !important;
}
body.dark .sidebar-fab {
    color: #c8d3dc !important;
}
body.dark .fab-tooltip {
    color: #c8d3dc !important;
}
body.dark .aktiftumuyelerlist li.vip {
    background: linear-gradient(90deg, hsl(46, 45%, 13%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.friend {
    background: linear-gradient(90deg, hsl(125, 22%, 12%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.vip.friend {
    background: linear-gradient(90deg, hsl(46, 45%, 13%), hsl(125, 22%, 12%)) !important;
}
body.dark .aktiftumuyelerlist li.friend:hover {
    background: linear-gradient(90deg, hsl(131, 28%, 13%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.vip.friend:hover {
    background: linear-gradient(90deg, hsl(48, 45%, 12%), hsl(131, 28%, 13%)) !important;
}
body.dark .friend-list li.friend.online {
    background: linear-gradient(90deg, hsl(125, 22%, 12%), #16242c) !important;
}
body.dark .friend-list > li.friend.online:hover {
    background: linear-gradient(90deg, hsl(131, 28%, 13%), #16242c) !important;
}
body.dark .friend-list li.friend.offline {
    background: linear-gradient(90deg, hsl(0, 45%, 11%), #16242c) !important;
}
body.dark .friend-list li.friend.offline:hover {
    background: linear-gradient(90deg, hsl(0, 43%, 13%), #16242c) !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark .chat-msg.other {
    color: #c8d3dc !important;
}
body.dark #yazialani-hizsavasisinavmodu {
    background-color: #16242c !important;
}
body.dark #yazialani-hizsavasisinavmodu > .golge {
    color: #c8d3dc !important;
}
body.dark .matchdesc {
    color: #c8d3dc !important;
}
body.dark .scoreTable ul li:nth-child(2n+1) {
    background-color: #16242c !important;
}
body.dark .scoreBoard {
    background-color: #16242c !important;
}
body.dark .coach-bubble {
    background-color: #16242c !important;
}
body.dark .coach-bubble {
    color: #c8d3dc !important;
}
body.dark .duel-vs-wrapper {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .duel-player.winner {
    background-color: hsl(137, 45%, 11%) !important;
}
body.dark .duel-sub {
    color: #c8d3dc !important;
}
body.dark .duel-time {
    color: #c8d3dc !important;
}
body.dark .duel-vs-wrapper {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .vip-upsell-badge {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .sol-resim-kapsayici {
    background-color: #16242c !important;
}
body.dark .custom-title {
    background-color: #16242c !important;
}
body.dark .custom-title {
    color: #c8d3dc !important;
}
body.dark .badge-custom {
    background-color: hsl(238, 45%, 19%) !important;
}
body.dark .wizard > .steps a,
body.dark .wizard > .steps a:active,
body.dark .wizard > .steps a:hover {
    background-color: hsl(210, 9%, 12%) !important;
}
body.dark .list-group-item.active {
    background-color: hsl(235, 45%, 18%) !important;
}
body.dark .wizard > .steps a,
body.dark .wizard > .steps a:active,
body.dark .wizard > .steps a:hover {
    background-color: hsl(210, 9%, 12%) !important;
}
body.dark .wizard > .steps a:hover {
    background-color: hsl(235, 45%, 16%) !important;
}
body.dark #fklavye > ul > li {
    background-color: #16242c !important;
}
body.dark .home-button {
    background-color: hsl(15, 45%, 19%) !important;
}
body.dark .bg-body {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .hata-notification {
    background-color: #16242c !important;
}
body.dark .hata-notification:hover {
    background-color: hsl(0, 40%, 11%) !important;
}
body.dark .hata-notification:hover strong {
    color: #c8d3dc !important;
}
body.dark body.dark .message-text {
    color: #c8d3dc !important;
}
body.dark body.dark .hata-notification {
    color: #c8d3dc !important;
}
body.dark body.dark .text-dark {
    color: #c8d3dc !important;
}
body.dark .hata-chat-container {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .hata-msg-user {
    background-color: #16242c !important;
}
body.dark .hata-msg-user {
    color: #c8d3dc !important;
}
body.dark #adminChatBox {
    background-color: #16242c !important;
}
body.dark #adminChatBox::-webkit-scrollbar-thumb {
    background-color: #16242c !important;
}
body.dark .kriter-scroll {
    background-color: #16242c !important;
}
body.dark .metin-kutu {
    background-color: #16242c !important;
}
body.dark .w-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .w-ok {
    color: #c8d3dc !important;
}
body.dark .w-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .w-bad {
    color: #c8d3dc !important;
}
body.dark .w-skip {
    background-color: hsl(45, 45%, 13%) !important;
}
body.dark #sonucEkrani.modal .modal-body {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .cardX {
    background-color: #16242c !important;
}
body.dark .cardX-h {
    color: #c8d3dc !important;
}
body.dark .kpiCard {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .kpiCard {
    color: #c8d3dc !important;
}
body.dark .kpiCard .t {
    color: #c8d3dc !important;
}
body.dark .kpiCard .s {
    color: #c8d3dc !important;
}
body.dark .kpi-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .kpi-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .kpi-blue {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .kpi-orange {
    background-color: hsl(37, 45%, 12%) !important;
}
body.dark .kpi-purple {
    background-color: hsl(292, 24%, 12%) !important;
}
body.dark .kpi-gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .kpi-total {
    background-color: #16242c !important;
}
body.dark .kpi-pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .kpi-warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .sideList .lbl {
    color: #c8d3dc !important;
}
body.dark .sideList .val {
    color: #c8d3dc !important;
}
body.dark .sideList .val.bad {
    color: #c8d3dc !important;
}
body.dark .pill-ok {
    background-color: hsl(146, 28%, 12%) !important;
}
body.dark .pill-ok {
    color: #c8d3dc !important;
}
body.dark .pill-bad {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .pill-bad {
    color: #c8d3dc !important;
}
body.dark .pill-warn {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .pill-warn {
    color: #c8d3dc !important;
}
body.dark .pill-skip {
    background-color: hsl(205, 45%, 12%) !important;
}
body.dark .pill-skip {
    color: #c8d3dc !important;
}
body.dark .miniBar {
    background-color: hsl(220, 7%, 13%) !important;
}
body.dark .vTag {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark .t-bad {
    background-color: hsla(0, 45%, 20%, 0.35) !important;
}
body.dark .t-none {
    background-color: hsla(215, 11%, 20%, 0.2) !important;
}
body.dark .miniTile {
    background-color: #16242c !important;
}
body.dark .miniTile .t {
    color: #c8d3dc !important;
}
body.dark .miniTile.bad .v {
    color: #c8d3dc !important;
}
body.dark .kKey {
    background-color: hsla(215, 11%, 20%, 0.1) !important;
}
body.dark .miniTile {
    background-color: #16242c !important;
}
body.dark .miniTile .t {
    color: #c8d3dc !important;
}
body.dark .miniTile .v {
    color: #c8d3dc !important;
}
body.dark .miniTile .ico {
    color: #c8d3dc !important;
}
body.dark .mt-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .mt-ok .v,
body.dark .mt-ok .ico {
    color: #c8d3dc !important;
}
body.dark .mt-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .mt-bad .v,
body.dark .mt-bad .ico {
    color: #c8d3dc !important;
}
body.dark .mt-blue {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .mt-blue .v,
body.dark .mt-blue .ico {
    color: #c8d3dc !important;
}
body.dark .mt-orange {
    background-color: hsl(37, 45%, 12%) !important;
}
body.dark .mt-purple {
    background-color: hsl(292, 24%, 12%) !important;
}
body.dark .mt-purple .v,
body.dark .mt-purple .ico {
    color: #c8d3dc !important;
}
body.dark .mt-gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .mt-gray .v,
body.dark .mt-gray .ico {
    color: #c8d3dc !important;
}
body.dark .mt-total {
    background-color: #16242c !important;
}
body.dark .mt-total .v,
body.dark .mt-total .ico {
    color: #c8d3dc !important;
}
body.dark .mt-pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .mt-pink .v,
body.dark .mt-pink .ico {
    color: #c8d3dc !important;
}
body.dark .mt-warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .miniTile.locked {
    background-color: #16242c !important;
}
body.dark .chip {
    background-color: #16242c !important;
}
body.dark .chip {
    color: #c8d3dc !important;
}
body.dark .chip.ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .chip.ok {
    color: #c8d3dc !important;
}
body.dark .chip.bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .chip.bad {
    color: #c8d3dc !important;
}
body.dark .chip.warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .chip.info {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .chip.info {
    color: #c8d3dc !important;
}
body.dark .chip.pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .chip.pink {
    color: #c8d3dc !important;
}
body.dark .chip.gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .chip.gray {
    color: #c8d3dc !important;
}
body.dark .playerCard .miniKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .vsText {
    background-color: hsla(215, 11%, 20%, 0.18) !important;
}
body.dark .playerCard .dqBadge {
    background-color: hsla(0, 45%, 20%, 0.2) !important;
}
body.dark .playerCard .miniKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .duelloTop {
    background-color: #16242c !important;
}
body.dark .duelloBadge {
    color: #c8d3dc !important;
}
body.dark .duelloMeta {
    color: #c8d3dc !important;
}
body.dark .duelloMsg {
    color: #c8d3dc !important;
}
body.dark .vsText {
    background-color: hsla(215, 11%, 20%, 0.18) !important;
}
body.dark .vsText {
    color: #c8d3dc !important;
}
body.dark .vsHint {
    color: #c8d3dc !important;
}
body.dark .dqBadge {
    background-color: hsla(0, 45%, 20%, 0.22) !important;
}
body.dark .pKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .fifa-shield {
    background: radial-gradient(120px 120px at 30% 20%, rgba(22, 36, 44, 0.1), transparent 60%), radial-gradient(140px 140px at 70% 80%, rgba(34, 197, 94, 0.1), transparent 60%), linear-gradient(rgb(11, 18, 32), rgb(10, 15, 28)) !important;
}
body.dark .fifa-card {
    background: radial-gradient(160px 130px at 20% 15%, hsla(217, 45%, 20%, 0.18), transparent 60%), radial-gradient(160px 140px at 80% 90%, rgba(245, 158, 11, 0.16), transparent 60%), linear-gradient(rgb(11, 18, 32), rgb(10, 15, 28)) !important;
}
body.dark .fifa-tag {
    background-color: hsla(215, 11%, 20%, 0.14) !important;
}
body.dark .fifa-dq {
    background-color: hsla(0, 45%, 20%, 0.18) !important;
}
body.dark .fifa-avatarWrap {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.2), rgba(22, 36, 44, 0.06)) !important;
}
body.dark .fifa-stat {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .fifa-ribbon {
    background: linear-gradient(90deg, rgb(34, 197, 94), hsl(142, 42%, 18%)) !important;
}
body.dark .fifa-ribbon {
    color: #c8d3dc !important;
}
body.dark .fifa-dqLine {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .fifa-pillDQ {
    background-color: hsla(0, 45%, 20%, 0.22) !important;
}
body.dark .fifa-cardDQReason {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .duelloStripSide .nm {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .mode {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .dq {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .vs {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable td:first-child {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow2 .side .nm {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow2 .mid .dq {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow3 .dq {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .winCell {
    color: #c8d3dc !important;
}
body.dark .dqCell {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .dqCell {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    background-color: hsla(215, 11%, 20%, 0.12) !important;
}
body.dark .duelloCenterBadge {
    background-color: #16242c !important;
}
body.dark .duelloCenterBadge .dq {
    color: #c8d3dc !important;
}
body.dark .duelloCenterBadge .vsIcon {
    background: radial-gradient(circle at 30% 30%, hsl(48, 45%, 17%), rgb(245, 158, 11)) !important;
}
body.dark .duelloCenterBadge .vsIcon {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 tr:nth-child(2n+1) td {
    background-color: hsla(215, 11%, 20%, 0.1) !important;
}
body.dark .duelloCompareTable3 tr:nth-child(2n) td {
    background-color: hsla(215, 11%, 20%, 0.06) !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .dqCell {
    background-color: hsla(0, 45%, 20%, 0.14) !important;
}
body.dark .vsHead {
    background-color: #16242c !important;
}
body.dark .vsSide.left {
    background-color: hsl(0, 40%, 20%) !important;
}
body.dark .vsBadge {
    background-color: #16242c !important;
}
body.dark .vsSub {
    color: #c8d3dc !important;
}
body.dark .vsTable {
    background-color: #16242c !important;
}
body.dark .vsRow.alt {
    background-color: hsl(220, 8%, 11%) !important;
}
body.dark .vsRow .vL {
    color: #c8d3dc !important;
}
body.dark .vsRow .vM {
    color: #c8d3dc !important;
}
body.dark .vsRow .subMid {
    color: #c8d3dc !important;
}
body.dark .vsRow .subL,
body.dark .vsRow .subR {
    color: #c8d3dc !important;
}
body.dark .vsAvatar {
    background-color: #16242c !important;
}
body.dark .vsBadgeBig {
    background-color: #16242c !important;
}
body.dark .vsSub {
    color: #c8d3dc !important;
}
body.dark .fifaRibbonMini.red {
    background-color: hsl(0, 45%, 20%) !important;
}
body.dark .dqRow {
    background-color: hsla(0, 45%, 20%, 0.08) !important;
}
body.dark .dqText {
    color: #c8d3dc !important;
}
body.dark .duelloInfoBar {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .duelloInfoBar {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.08), hsla(217, 45%, 20%, 0.08)) !important;
}
body.dark .badge-canli-nokta {
    background-color: hsl(3, 45%, 20%) !important;
}
body.dark .pc-divider {
    background: linear-gradient(to right, transparent, hsl(41, 28%, 20%), transparent) !important;
}
body.dark .genel-aktif-pill {
    background-color: hsl(135, 30%, 11%) !important;
}
body.dark .genel-aktif-label {
    color: #c8d3dc !important;
}
body.dark .genelAktifSayisi {
    color: #c8d3dc !important;
}
body.dark .gece-modu-pill {
    background-color: hsl(220, 24%, 11%) !important;
}
body.dark .gece-modu-pill {
    color: #c8d3dc !important;
}
body.dark .gece-modu-pill:hover {
    background-color: hsl(216, 23%, 11%) !important;
}
body.dark .gece-modu-label {
    color: #c8d3dc !important;
}
body.dark .gece-modu-label i {
    color: #c8d3dc !important;
}
body.dark .pill-vip {
    color: #c8d3dc !important;
}
body.dark .toplist {
    background-color: #16242c !important;
}
body.dark .toplist:hover {
    background-color: hsl(228, 45%, 11%) !important;
}
body.dark .toplist:hover .font-14 {
    color: #c8d3dc !important;
}
body.dark .toplist:nth-child(1) {
    background-color: hsl(43, 45%, 11%) !important;
}
body.dark .toplist:nth-child(2) {
    background-color: hsl(220, 13%, 11%) !important;
}
body.dark .toplist:nth-child(3) {
    background-color: hsl(25, 45%, 11%) !important;
}
body.dark .badge-vip {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani .badge-vip i {
    color: #c8d3dc !important;
}
body.dark .vip-center-teaser-inner {
    background: linear-gradient(135deg, hsl(259, 35%, 20%) 0%, hsl(271, 45%, 20%) 55%, #F59E0B 140%) !important;
}
body.dark .vip-center-badge {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .vip-center-icon-wrap {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .vip-center-cta {
    background-color: #16242c !important;
}
body.dark .vip-center-cta {
    color: #c8d3dc !important;
}
body.dark .vip-side-link {
    background: linear-gradient(90deg, hsla(259, 35%, 20%, 0.1), rgba(245,158,11,.10)) !important;
}
body.dark .vip-side-link .mtext {
    color: #c8d3dc !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark .chat-msg.other {
    color: #c8d3dc !important;
}
body.dark .plus-chat-avatar {
    background-color: #16242c !important;
}
body.dark .plus-chat-name {
    color: #c8d3dc !important;
}
body.dark .plus-unread {
    background: linear-gradient(135deg, hsl(0, 45%, 19%), hsl(24, 45%, 20%)) !important;
}
body.dark .chat-msg.me {
    background: linear-gradient(135deg, #2563eb 0%, hsl(217, 45%, 20%) 100%) !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark .ko-support-page {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, hsl(210, 22%, 11%) 48%, #16242c 100%) !important;
}
body.dark .ko-support-hero {
    background: linear-gradient(90deg, hsla(210, 45%, 11%, 0.98) 0%, hsla(210, 45%, 10%, 0.96) 55%, hsla(42, 45%, 11%, 0.92) 100%) !important;
}
body.dark .ko-support-eyebrow,
body.dark .ko-section-mini-title {
    background-color: hsl(210, 45%, 11%) !important;
}
body.dark .ko-support-eyebrow,
body.dark .ko-section-mini-title {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero h1 {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero p {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero-actions {
    color: #c8d3dc !important;
}
body.dark .ko-support-mail-link {
    background-color: #16242c !important;
}
body.dark .ko-support-mail-link {
    color: #c8d3dc !important;
}
body.dark .ko-support-mail-link:hover {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero-pattern span {
    background-color: rgba(22, 36, 44, 0.84) !important;
}
body.dark .ko-support-hero-pattern span {
    color: #c8d3dc !important;
}
body.dark .ko-support-stat-card {
    background-color: #16242c !important;
}
body.dark .ko-support-stat-icon {
    background-color: hsl(210, 45%, 11%) !important;
}
body.dark .ko-support-stat-icon {
    color: #c8d3dc !important;
}
body.dark .ko-support-stat-card strong {
    color: #c8d3dc !important;
}
body.dark .ko-support-stat-card small {
    color: #c8d3dc !important;
}
body.dark .ko-support-info-panel,
body.dark .ko-support-form-panel,
body.dark .ko-support-faq-section,
body.dark .ko-support-bottom-note {
    background-color: #16242c !important;
}
body.dark .ko-support-info-panel h2,
body.dark .ko-support-form-panel h2,
body.dark .ko-support-faq-section h2 {
    color: #c8d3dc !important;
}
body.dark .ko-support-info-panel p,
body.dark .ko-support-form-title p,
body.dark .ko-support-faq-section p {
    color: #c8d3dc !important;
}
body.dark .ko-support-topic-list div {
    background-color: hsl(210, 45%, 10%) !important;
}
body.dark .ko-support-topic-list div {
    color: #c8d3dc !important;
}
body.dark .ko-support-topic-list i {
    background-color: hsl(210, 45%, 11%) !important;
}
body.dark .ko-support-topic-list i {
    color: #c8d3dc !important;
}
body.dark .ko-support-note-box {
    background-color: hsl(40, 45%, 11%) !important;
}
body.dark .ko-support-note-box strong {
    color: #c8d3dc !important;
}
body.dark .ko-support-note-box li {
    color: #c8d3dc !important;
}
body.dark .ko-support-form-icon {
    background-color: hsl(210, 45%, 11%) !important;
}
body.dark .ko-support-form-icon {
    color: #c8d3dc !important;
}
body.dark .ko-support-form label {
    color: #c8d3dc !important;
}
body.dark .ko-support-form .form-control {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-support-form .form-control {
    color: #c8d3dc !important;
}
body.dark .ko-support-form .form-control:focus {
    background-color: #16242c !important;
}
body.dark .ko-support-submit-btn {
    background: linear-gradient(135deg, hsl(216, 45%, 19%) 0%, #3f7fd7 100%) !important;
}
body.dark .ko-support-trust-row {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-support-trust-row {
    color: #c8d3dc !important;
}
body.dark .ko-support-faq-grid details {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-support-faq-grid summary {
    color: #c8d3dc !important;
}
body.dark .ko-support-faq-grid details p {
    color: #c8d3dc !important;
}
body.dark .ko-support-bottom-note {
    background: linear-gradient(90deg, #16242c 0%, hsl(214, 45%, 10%) 100%) !important;
}
body.dark .ko-support-bottom-note strong {
    color: #c8d3dc !important;
}
body.dark .ko-support-bottom-note span {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero {
    background: radial-gradient(circle at 84% 18%, hsla(40, 45%, 17%, 0.28), transparent 26%),
        radial-gradient(circle at 12% 12%, hsla(215, 45%, 18%, 0.18), transparent 28%),
        linear-gradient(135deg, hsl(213, 45%, 10%) 0%, hsl(210, 45%, 11%) 54%, hsl(40, 45%, 11%) 100%) !important;
}
body.dark .ko-support-eyebrow {
    background-color: hsla(215, 45%, 18%, 0.12) !important;
}
body.dark .ko-support-hero h1 {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero p {
    color: #c8d3dc !important;
}
body.dark .ko-support-hero-actions {
    color: #c8d3dc !important;
}
body.dark .ko-support-mail-link {
    background-color: #16242c !important;
}
body.dark .ko-support-mail-link {
    color: #c8d3dc !important;
}
body.dark .ko-support-mail-link:hover {
    color: #c8d3dc !important;
}
body.dark .ko-support-visual-card {
    background-color: rgba(22, 36, 44, 0.82) !important;
}
body.dark .ko-support-form-icon {
    background-color: hsl(212, 45%, 11%) !important;
}
body.dark .ko-support-form label {
    color: #c8d3dc !important;
}
body.dark .ko-support-form .form-control {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-support-form .form-control {
    color: #c8d3dc !important;
}
body.dark .ko-support-form .form-control:focus {
    background-color: #16242c !important;
}
body.dark .ko-support-submit-btn {
    background: linear-gradient(135deg, hsl(215, 45%, 18%), hsl(218, 45%, 20%)) !important;
}
body.dark .ko-support-trust-row {
    background-color: hsl(214, 45%, 10%) !important;
}
body.dark .ko-support-trust-row span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-hero {
    background: radial-gradient(circle at 90% 10%, hsla(171, 26%, 20%, 0.16), transparent 30%), linear-gradient(135deg, hsl(200, 45%, 11%) 0%, hsl(47, 45%, 12%) 62%, #16242c 100%) !important;
}
body.dark .ko-ranking-eyebrow {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .ko-ranking-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-hero p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-hero-tags span {
    background-color: #16242c !important;
}
body.dark .ko-ranking-hero-tags span {
    color: #c8d3dc !important;
}
body.dark .ko-rank-1 {
    background: linear-gradient(145deg,#2f819a,hsl(171, 26%, 20%)) !important;
}
body.dark .ko-rank-2 {
    background: linear-gradient(145deg,#7d8b99,hsl(212, 10%, 16%)) !important;
}
body.dark .ko-rank-3 {
    background: linear-gradient(145deg,#bc7b41,hsl(31, 35%, 20%)) !important;
}
body.dark .ko-ranking-ad-slot {
    background: linear-gradient(135deg,hsl(204, 23%, 11%) 0%,hsl(204, 21%, 11%) 54%,#16242c 100%) !important;
}
body.dark .ko-ranking-top-section,
body.dark .ko-ranking-table-card,
body.dark .ko-ranking-guide,
body.dark .ko-ranking-user-card {
    background: linear-gradient(180deg,#16242c 0%,hsl(204, 31%, 10%) 100%) !important;
}
body.dark .ko-ranking-section-head,
body.dark .ko-ranking-table-head {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,hsl(194, 34%, 11%) 100%) !important;
}
body.dark .ko-ranking-section-head span,
body.dark .ko-ranking-table-head span,
body.dark .ko-ranking-guide-head span,
body.dark .ko-ranking-user-copy span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-section-head small,
body.dark .ko-ranking-table-head small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-top-card {
    background-color: #16242c !important;
}
body.dark .ko-ranking-top-card.ko-first {
    background: linear-gradient(180deg,hsl(47, 45%, 12%) 0%,#16242c 70%) !important;
}
body.dark .ko-ranking-top-card.ko-second {
    background: linear-gradient(180deg,hsl(220, 15%, 11%) 0%,#16242c 70%) !important;
}
body.dark .ko-ranking-top-card.ko-third {
    background: linear-gradient(180deg,hsl(25, 45%, 11%) 0%,#16242c 70%) !important;
}
body.dark .ko-ranking-top-card.ko-fourth {
    background: linear-gradient(180deg,hsl(198, 45%, 11%) 0%,#16242c 72%) !important;
}
body.dark .ko-ranking-top-card.ko-fifth {
    background: linear-gradient(180deg,hsl(162, 31%, 11%) 0%,#16242c 72%) !important;
}
body.dark .ko-top-rank {
    background-color: #16242c !important;
}
body.dark .ko-top-rank {
    color: #c8d3dc !important;
}
body.dark .ko-top-avatar {
    background-color: #16242c !important;
}
body.dark .ko-avatar-fallback {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .ko-avatar-fallback {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-top-card strong {
    color: #c8d3dc !important;
}
body.dark .ko-top-rutbe {
    color: #c8d3dc !important;
}
body.dark .ko-top-point {
    background-color: #16242c !important;
}
body.dark .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-skeleton {
    background: linear-gradient(90deg,hsl(207, 45%, 10%) 25%,hsl(205, 30%, 11%) 37%,hsl(207, 45%, 10%) 63%) !important;
}
body.dark .ko-ranking-empty {
    background-color: #16242c !important;
}
body.dark .ko-ranking-empty {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-user-card {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,hsl(48, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-user-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-user-copy small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-user-stat {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .ko-ranking-user-stat span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-user-stat strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-user-stat-soft {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(48, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-user-tip {
    background-color: rgba(22, 36, 44, 0.72) !important;
}
body.dark .ko-ranking-user-tip {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-table thead th {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .ko-ranking-table thead th {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-table tbody tr {
    background-color: #16242c !important;
}
body.dark .ko-ranking-table tbody td {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-table tbody td:first-child {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-table tbody tr.ko-ranking-current-user {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,#16242c 78%) !important;
}
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_filter label,
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_length label {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_filter input,
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_length select {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_filter input,
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_length select {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .dataTables_wrapper .dataTables_info {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .page-link {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-guide-head p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-guide-grid > div {
    background-color: #16242c !important;
}
body.dark .ko-ranking-guide-grid i {
    background: linear-gradient(135deg,hsl(199, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .ko-ranking-guide-grid i {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-guide-grid h3 {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-guide-grid p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-rise-card {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(47, 45%, 12%) 58%,#16242c 100%) !important;
}
body.dark .ko-ranking-rise-card span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-rise-card strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-rise-card p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-ad-slot {
    background: linear-gradient(135deg,hsl(204, 21%, 11%) 0%,hsl(206, 26%, 11%) 55%,#16242c 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-section-head small,
body.dark .ko-ranking-page .ko-ranking-table-head small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-top-medal {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .ko-ranking-page .ko-ranking-top-card.ko-fourth .ko-top-medal,
body.dark .ko-ranking-page .ko-ranking-top-card.ko-fifth .ko-top-medal {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table thead th {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table tbody td {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-top-point {
    background: linear-gradient(135deg,#16242c 0%,hsl(198, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table thead th {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table tbody td {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table tbody td:nth-child(3),
body.dark .ko-ranking-page table#dataTableExample3.ko-ranking-table tbody td:nth-child(4) {
    color: #c8d3dc !important;
}
body.dark .rutbe-section-modern {
    background: linear-gradient(135deg,hsl(206, 45%, 10%) 0%,hsl(48, 45%, 11%) 100%) !important;
}
body.dark .rutbe-section-title span {
    color: #c8d3dc !important;
}
body.dark .rutbe-section-title small {
    color: #c8d3dc !important;
}
body.dark .rutbe-scroll-container::-webkit-scrollbar-thumb {
    background-color: hsl(206, 17%, 14%) !important;
}
body.dark .rutbe-card {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .rank-name {
    color: #c8d3dc !important;
}
body.dark .rank-points {
    background-color: hsl(206, 26%, 11%) !important;
}
body.dark .rank-points {
    color: #c8d3dc !important;
}
body.dark .bg-silver {
    background: linear-gradient(90deg,#16242c,#16242c) !important;
}
body.dark .ko-ranking-page .ko-first .ko-top-point {
    background: linear-gradient(135deg,hsl(40, 45%, 11%) 0%,hsl(44, 45%, 13%) 100%) !important;
}
body.dark .ko-ranking-page .ko-first .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-point {
    background: linear-gradient(135deg,#16242c 0%,hsl(207, 18%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-third .ko-top-point {
    background: linear-gradient(135deg,hsl(26, 45%, 11%) 0%,hsl(21, 45%, 13%) 100%) !important;
}
body.dark .ko-ranking-page .ko-third .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-fourth .ko-top-point {
    background: linear-gradient(135deg,hsl(198, 45%, 11%) 0%,hsl(207, 45%, 12%) 100%) !important;
}
body.dark .ko-ranking-page .ko-fourth .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-fifth .ko-top-point {
    background: linear-gradient(135deg,hsl(142, 45%, 11%) 0%,hsl(145, 29%, 12%) 100%) !important;
}
body.dark .ko-ranking-page .ko-fifth .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy em {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip {
    background: linear-gradient(135deg,hsl(207, 45%, 10%) 0%,hsl(49, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-tip-icon {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .ko-ranking-section-head small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-top-avatar {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .ko-top-rutbe {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-first .ko-top-rank {
    background: linear-gradient(135deg,hsl(40, 45%, 20%),#e78500) !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-rank {
    background: linear-gradient(135deg,hsl(210, 8%, 18%),#667480) !important;
}
body.dark .ko-ranking-page .ko-third .ko-top-rank {
    background: linear-gradient(135deg,hsl(25, 44%, 20%),#c95816) !important;
}
body.dark .ko-ranking-page .ko-fourth .ko-top-rank {
    background: linear-gradient(135deg,hsl(206, 44%, 20%),#267cc7) !important;
}
body.dark .ko-ranking-page .ko-first .ko-top-point {
    background: linear-gradient(135deg,hsl(45, 45%, 12%) 0%,hsl(44, 45%, 15%) 100%) !important;
}
body.dark .ko-ranking-page .ko-first .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-point {
    background: linear-gradient(135deg,#16242c 0%,hsl(210, 14%, 12%) 100%) !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-third .ko-top-point {
    background: linear-gradient(135deg,hsl(26, 45%, 11%) 0%,hsl(21, 45%, 13%) 100%) !important;
}
body.dark .ko-ranking-page .ko-third .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-fourth .ko-top-point {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(211, 45%, 12%) 100%) !important;
}
body.dark .ko-ranking-page .ko-fourth .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-fifth .ko-top-point {
    background: linear-gradient(135deg,hsl(142, 45%, 11%) 0%,hsl(145, 25%, 13%) 100%) !important;
}
body.dark .ko-ranking-page .ko-fifth .ko-top-point {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-card {
    background: linear-gradient(135deg,#16242c 0%,hsl(48, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy em {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-icon {
    background: linear-gradient(135deg,#228097,hsl(182, 28%, 20%)) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-stat {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .ko-ranking-user-stat span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-stat strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip {
    background: linear-gradient(135deg,hsl(207, 45%, 10%) 0%,hsl(49, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-second .ko-top-rank {
    background-color: hsl(210, 7%, 20%) !important;
}
body.dark .ko-ranking-page .ko-top-rutbe {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy em {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-icon {
    background: linear-gradient(135deg,#228097,hsl(182, 28%, 20%)) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip {
    background: linear-gradient(135deg,hsl(207, 45%, 10%) 0%,hsl(49, 45%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-tip-icon {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip p {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-card {
    background: linear-gradient(135deg,#16242c 0%,hsl(200, 33%, 11%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy span {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy em {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-rank-line strong,
body.dark .ko-ranking-page .ko-ranking-user-copy strong {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-rank-line b {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-copy small {
    color: #c8d3dc !important;
}
body.dark .ko-ranking-page .ko-ranking-user-icon {
    background-color: #16242c !important;
}
body.dark .ko-ranking-page .ko-ranking-user-icon i {
    background-color: hsl(194, 34%, 11%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-tip {
    background: linear-gradient(135deg,hsl(200, 33%, 11%) 0%,hsl(36, 45%, 10%) 100%) !important;
}
body.dark .ko-ranking-page .ko-ranking-user-icon {
    background-color: #16242c !important;
}
body.dark .ses-bildirim-btn.sessiz {
    color: #c8d3dc !important;
}
body.dark .right-sidebar {
    background: linear-gradient(180deg, hsl(210, 45%, 10%) 0%, hsl(219, 45%, 11%) 100%) !important;
}
body.dark .right-sidebar {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .arkadaslarimokunmamislar,
body.dark .right-sidebar .sosyal-mini-badge {
    background-color: hsl(29, 45%, 11%) !important;
}
body.dark .right-sidebar .arkadaslarimokunmamislar,
body.dark .right-sidebar .sosyal-mini-badge {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .btn-danger {
    background-color: hsla(350, 41%, 20%, 0.12) !important;
}
body.dark .right-sidebar .btn-danger {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .invite-section-head {
    background: linear-gradient(135deg, rgba(37,86,217,.08), hsla(25, 45%, 20%, 0.06)) !important;
}
body.dark .right-sidebar .invite-section-head {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .nav-tabs .nav-link .tab-count {
    background-color: hsl(29, 45%, 11%) !important;
}
body.dark .right-sidebar .nav-tabs .nav-link .tab-count {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .nav-tabs .nav-link.active .tab-count {
    background-color: #16242c !important;
}
body.dark .right-sidebar .nav-tabs .nav-link.active .tab-count {
    color: #c8d3dc !important;
}
body.dark body.dark .right-sidebar .nav-tabs .nav-link .tab-count,
body.dark .dark-mode .right-sidebar .nav-tabs .nav-link .tab-count,
body.dark [data-theme="dark"] .right-sidebar .nav-tabs .nav-link .tab-count,
body.dark html.dark .right-sidebar .nav-tabs .nav-link .tab-count,
body.dark body.dark .right-sidebar .arkadaslarimokunmamislar,
body.dark .dark-mode .right-sidebar .arkadaslarimokunmamislar,
body.dark [data-theme="dark"] .right-sidebar .arkadaslarimokunmamislar,
body.dark html.dark .right-sidebar .arkadaslarimokunmamislar,
body.dark body.dark .right-sidebar .sosyal-mini-badge,
body.dark .dark-mode .right-sidebar .sosyal-mini-badge,
body.dark [data-theme="dark"] .right-sidebar .sosyal-mini-badge,
body.dark html.dark .right-sidebar .sosyal-mini-badge {
    background-color: hsla(25, 45%, 20%, 0.2) !important;
}
body.dark body.dark .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark .dark-mode .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark [data-theme="dark"] .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark html.dark .right-sidebar .nav-tabs .nav-link.active .tab-count {
    background-color: #16242c !important;
}
body.dark body.dark .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark .dark-mode .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark [data-theme="dark"] .right-sidebar .nav-tabs .nav-link.active .tab-count,
body.dark html.dark .right-sidebar .nav-tabs .nav-link.active .tab-count {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .clan-card-premium {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.96), rgba(22, 36, 44, 0.82)) !important;
}
body.dark .right-sidebar .clan-emblem-wrap {
    background: linear-gradient(135deg, rgba(37,86,217,.10), hsla(25, 45%, 20%, 0.1)) !important;
}
body.dark .right-sidebar .clan-progress {
    background-color: hsla(25, 45%, 20%, 0.13) !important;
}
body.dark .right-sidebar .clan-progress span {
    background: linear-gradient(90deg, hsl(39, 45%, 20%), hsl(44, 45%, 19%)) !important;
}
body.dark .right-sidebar .clan-role-badge.leader {
    background-color: hsla(25, 45%, 20%, 0.15) !important;
}
body.dark .right-sidebar .clan-role-badge.leader {
    color: #c8d3dc !important;
}
body.dark .right-sidebar .friend.online {
    background: linear-gradient(135deg, rgba(47,194,138,.10), rgba(22, 36, 44, 0.96)) !important;
}
body.dark .right-sidebar .friend.offline {
    background: linear-gradient(135deg, hsla(350, 41%, 20%, 0.07), rgba(22, 36, 44, 0.96)) !important;
}
body.dark body.dark .right-sidebar .friend.offline,
body.dark .dark-mode .right-sidebar .friend.offline,
body.dark [data-theme="dark"] .right-sidebar .friend.offline,
body.dark html.dark .right-sidebar .friend.offline {
    background: linear-gradient(135deg, hsla(350, 41%, 20%, 0.1), rgba(23,31,50,.88)) !important;
}
body.dark .right-sidebar .friend.offline .friend-status-dot {
    background-color: hsl(218, 10%, 18%) !important;
}
body.dark .keyboard {
    background-color: #16242c !important;
}
body.dark .keyboard li {
    color: #c8d3dc !important;
}
body.dark .keyboard .kahverengi {
    background-color: hsl(29, 32%, 20%) !important;
}
body.dark .keyboard .sari {
    background-color: hsl(66, 39%, 17%) !important;
}
body.dark .keyboard .mor {
    background-color: hsl(239, 39%, 17%) !important;
}
body.dark .keyboard .yesil {
    background-color: hsl(120, 39%, 17%) !important;
}
body.dark .keyboard .yagzi {
    background-color: hsl(11, 39%, 17%) !important;
}
body.dark .keyboard .mavi {
    background-color: hsl(183, 39%, 17%) !important;
}
body.dark .keyboard .kirmizi {
    background-color: hsl(0, 45%, 20%) !important;
}
body.dark #chatHandle.chat-handle {
    background: linear-gradient(180deg, hsl(217, 45%, 20%), #1d4ed8) !important;
}
body.dark .duel-meta {
    color: #c8d3dc !important;
}
body.dark .duel-list-card {
    background: radial-gradient(circle at 18% 30%, hsla(234, 45%, 19%, 0.1), transparent 38%),
    radial-gradient(circle at 78% 30%, rgba(255,138,0,.10), transparent 40%),
    #16242c !important;
}
body.dark .duel-avatar-wrap {
    background: linear-gradient(135deg, rgba(255,138,0,.95), hsla(234, 45%, 19%, 0.85)) !important;
}
body.dark .duel-avatar-img {
    background-color: #16242c !important;
}
body.dark .dchip {
    color: #c8d3dc !important;
}
body.dark .dchip--main {
    background: linear-gradient(90deg, #ff8a00, hsl(342, 45%, 20%)) !important;
}
body.dark .dchip--time {
    background-color: hsla(234, 45%, 19%, 0.1) !important;
}
body.dark .dchip--time {
    color: #c8d3dc !important;
}
body.dark .dchip--muted {
    color: #c8d3dc !important;
}
body.dark .duel-join-btn {
    background: linear-gradient(90deg, hsl(234, 45%, 19%), hsl(235, 45%, 20%)) !important;
}
body.dark .duel-progress-bar {
    background: linear-gradient(90deg, #f39c12, hsl(39, 45%, 17%)) !important;
}
body.dark .stat-pill {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .stat-red {
    background-color: hsla(0, 45%, 19%, 0.08) !important;
}
body.dark .duel-card-grid {
    background: radial-gradient(circle at 15% 20%, hsla(234, 45%, 19%, 0.12), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(255,138,0,.10), transparent 30%),
    linear-gradient(135deg, #16242c 0%, hsl(223, 45%, 10%) 100%) !important;
}
body.dark .duel-accent {
    background: linear-gradient(90deg, hsl(234, 45%, 19%), #ff8a00) !important;
}
body.dark .duel-meta {
    color: #c8d3dc !important;
}
body.dark .duel-card-grid {
    background: radial-gradient(circle at top left, hsla(234, 45%, 19%, 0.1), transparent 32%),
    linear-gradient(135deg, #16242c 0%, hsl(223, 45%, 10%) 100%) !important;
}
body.dark .tduelloTitle {
    color: #c8d3dc !important;
}
body.dark .duel-status-badge {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .duel-status-close {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .duel-status-close:hover {
    background-color: rgba(22, 36, 44, 0.25) !important;
}
body.dark .duel-status-progress {
    background-color: rgba(22, 36, 44, 0.22) !important;
}
body.dark #topluDuelToast {
    background: linear-gradient(135deg, hsl(227, 45%, 20%), #2148d8) !important;
}
body.dark #topluDuelToast .duel-toast-countdown-badge {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark #topluDuelToast .duel-toast-countdown-badge.is-danger {
    background-color: hsla(0, 45%, 19%, 0.3) !important;
}
body.dark #topluDuelToast .duel-toast-close-btn {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark #topluDuelToast .duel-toast-close-btn:hover {
    background-color: rgba(22, 36, 44, 0.24) !important;
}
body.dark #topluDuelToast .duel-toast-divider {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark #topluDuelToast .duel-toast-info-badge {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark body.dark .duello-page,
body.dark body.dark .duello-layout-row {
    background: radial-gradient(circle at 8% 0%, rgba(64, 177, 204, .10), transparent 34%),
    radial-gradient(circle at 90% 0%, hsla(44, 45%, 20%, 0.08), transparent 30%),
    linear-gradient(180deg, #0f1d24 0%, #10222b 100%) !important;
}
body.dark body.dark .duello-page ::-webkit-scrollbar-thumb {
    background-color: hsla(201, 14%, 20%, 0.38) !important;
}
body.dark body.dark .duello-page .stat-icon,
body.dark body.dark .duello-page .stat-avatar {
    background: radial-gradient(circle at 30% 20%, rgba(22, 36, 44, 0.18), rgba(22, 36, 44, 0.06)) !important;
}
body.dark body.dark .duello-page .toplist .badge,
body.dark body.dark .duello-page .card-box .badge {
    background-color: hsla(193, 30%, 20%, 0.13) !important;
}
body.dark body.dark .duello-page .toplist .cta img {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark body.dark .duello-page .rank-points,
body.dark body.dark .duello-page .rutbe-card .rank-points {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark body.dark .duello-page .duel-card-grid,
body.dark body.dark .duello-page .duel-list-card {
    background: radial-gradient(circle at 15% 20%, hsla(234, 45%, 19%, 0.1), transparent 30%),
    radial-gradient(circle at 85% 80%, rgba(255,138,0,.08), transparent 32%),
    linear-gradient(135deg, #1a323d 0%, #132832 100%) !important;
}
body.dark body.dark .duello-page .dchip,
body.dark body.dark .duello-page .duel-chips .dchip,
body.dark body.dark .duello-page .duel-chips .chip {
    background-color: rgba(22, 36, 44, 0.075) !important;
}
body.dark body.dark .duello-page .dchip--main {
    background: linear-gradient(90deg, rgba(255,138,0,.78), hsla(342, 45%, 20%, 0.72)) !important;
}
body.dark body.dark .duello-page .dchip--soft,
body.dark body.dark .duello-page .dchip--time,
body.dark body.dark .duello-page .dchip--folder,
body.dark body.dark .duello-page .dchip--muted {
    background-color: rgba(22, 36, 44, 0.075) !important;
}
body.dark body.dark .duello-page .duel-avatar-wrap {
    background: linear-gradient(135deg, rgba(255,138,0,.75), hsla(234, 45%, 19%, 0.75)) !important;
}
body.dark body.dark .duello-page .duel-join-btn,
body.dark body.dark .duello-page .duel-right .btn {
    background: linear-gradient(135deg, hsl(223, 45%, 20%), #2854dd) !important;
}
body.dark body.dark .duello-page .duello-info-badge,
body.dark body.dark .duello-page .duello-info-mini span,
body.dark body.dark .duello-page .duello-info-card-icon {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark body,
body.dark html {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark a {
    color: #c8d3dc !important;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: #c8d3dc !important;
}
body.dark .pre-loader {
    background-color: center center / 13% #16242c !important;
}
body.dark .pre-loader .loader-progress {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .h1,
body.dark .h2,
body.dark .h3 {
    color: #c8d3dc !important;
}
body.dark .h4,
body.dark .h5,
body.dark .page-header h4 {
    color: #c8d3dc !important;
}
body.dark .bg-light-blue {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bg-light-gray {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .bg-white {
    background-color: #16242c !important;
}
body.dark .text-blue {
    color: #c8d3dc !important;
}
body.dark .text-light-blue {
    color: #c8d3dc !important;
}
body.dark .bg-light-orange {
    background-color: hsl(0, 45%, 19%) !important;
}
body.dark .bg-light-purple {
    background-color: hsl(260, 40%, 18%) !important;
}
body.dark .bg-orange {
    background-color: hsl(18, 45%, 19%) !important;
}
body.dark .card-box,
body.dark .da-card {
    background-color: #16242c !important;
}
body.dark .dropdown-item {
    color: #c8d3dc !important;
}
body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .dropdown-item:focus,
body.dark .dropdown-item:hover {
    color: #c8d3dc !important;
}
body.dark .custom-file-input,
body.dark .custom-file-label,
body.dark .custom-select,
body.dark .form-control {
    color: #c8d3dc !important;
}
body.dark .custom-file-input:focus,
body.dark .custom-select:focus,
body.dark .form-control:focus {
    color: #c8d3dc !important;
}
body.dark .form-control:focus ~ .input-group-append .fa {
    color: #c8d3dc !important;
}
body.dark .has-danger {
    color: #c8d3dc !important;
}
body.dark .breadcrumb-item.active {
    color: #c8d3dc !important;
}
body.dark .breadcrumb-item a {
    color: #c8d3dc !important;
}
body.dark .datepicker--day-name,
body.dark .datepicker--time-current-hours,
body.dark .datepicker--time-current-minutes {
    color: #c8d3dc !important;
}
body.dark .datepicker--cell.-focus-,
body.dark .datepicker--nav-action:hover,
body.dark .datepicker--nav-title:hover {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .datepicker--cell.-focus-,
body.dark .datepicker--nav-action:hover,
body.dark .datepicker--nav-title:hover {
    color: #c8d3dc !important;
}
body.dark .form-control.time-picker-default:disabled,
body.dark .form-control.time-picker-default[readonly],
body.dark .form-control.time-picker:disabled,
body.dark .form-control.time-picker[readonly] {
    background-color: #16242c !important;
}
body.dark .bootstrap-select .dropdown-header {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select .dropdown-menu li .dropdown-item:hover {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li.selected a {
    color: #c8d3dc !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: #c8d3dc !important;
}
body.dark .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: hsl(210, 13%, 12%) !important;
}
body.dark table.dataTable.display tbody tr.odd,
body.dark table.dataTable.display tbody tr:hover,
body.dark table.dataTable.hover tbody tr:hover,
body.dark table.dataTable.stripe tbody tr.odd {
    background-color: hsl(206, 12%, 12%) !important;
}
body.dark .header {
    background-color: #16242c !important;
}
body.dark .header-left .header-search .search-icon {
    color: #c8d3dc !important;
}
body.dark .header-left .header-search .dropdown .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-icon {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-icon {
    color: #c8d3dc !important;
}
body.dark .user-info-dropdown .dropdown-toggle .user-name {
    color: #c8d3dc !important;
}
body.dark .user-notification .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .user-notification .dropdown-toggle .badge {
    background-color: hsl(345, 45%, 19%) !important;
}
body.dark .notification-list ul li a {
    color: #c8d3dc !important;
}
body.dark .notification-list ul li a h3 {
    color: #c8d3dc !important;
}
body.dark .header-dark .header .header-left .header-search .search-input {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .footer-wrap a {
    color: #c8d3dc !important;
}
body.dark .menu-icon,
body.dark .search-toggle-icon {
    color: #c8d3dc !important;
}
body.dark .sidebar-menu .dropdown-toggle:hover,
body.dark .sidebar-menu .show > .dropdown-toggle {
    background-color: hsla(210, 15%, 12%, 0.19) !important;
}
body.dark .sidebar-menu .submenu {
    background-color: hsla(210, 15%, 12%, 0.1) !important;
}
body.dark .sidebar-menu > ul > li > .dropdown-toggle.active {
    background-color: hsla(210, 15%, 12%, 0.19) !important;
}
body.dark .sidebar-light .sidebar-menu .dropdown-toggle {
    color: #c8d3dc !important;
}
body.dark .sidebar-light .sidebar-menu .submenu li a {
    color: #c8d3dc !important;
}
body.dark .sidebar-light .sidebar-menu .submenu {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .sidebar-light .sidebar-menu .sidebar-small-cap {
    color: #c8d3dc !important;
}
body.dark .login-header {
    background-color: #16242c !important;
}
body.dark .login-menu a {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn.active,
body.dark .select-role .btn-group .btn.active:focus,
body.dark .select-role .btn-group .btn.focus.active {
    color: #c8d3dc !important;
}
body.dark .select-role .btn-group .btn span {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps .step {
    background-color: #16242c !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.done > a .step {
    background: url("../images/tick.svg") center center / 22px no-repeat hsl(210, 15%, 12%) !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current .step {
    background-color: #16242c !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current .step {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li a {
    color: #c8d3dc !important;
}
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.current > a,
body.dark .register-page-wrap .wizard-content .wizard > .steps > ul > li.done > a {
    color: #c8d3dc !important;
}
body.dark .page-header {
    background-color: #16242c !important;
}
body.dark .fontawesome-icon-list a {
    color: #c8d3dc !important;
}
body.dark .wysihtml5-toolbar .dropdown-menu a {
    color: #c8d3dc !important;
}
body.dark .error-page h1,
body.dark .error-page-wrap {
    color: #c8d3dc !important;
}
body.dark .error-page h1 {
    color: #c8d3dc !important;
}
body.dark .device-manage-progress-chart .device-progress .progress .progress-bar.linux {
    background-color: hsl(188, 13%, 20%) !important;
}
body.dark .to-do-list ul li,
body.dark .to-do-list ul li:hover {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .to-do-list ul li:nth-child(2n) {
    background-color: #16242c !important;
}
body.dark .da-card .da-card-content {
    background-color: #16242c !important;
}
body.dark .da-card .da-social ul li a:hover {
    background-color: #16242c !important;
}
body.dark .da-card .da-social ul li a:hover {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-item.show .nav-link,
body.dark .nav-tabs.customtab .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-link {
    color: #c8d3dc !important;
}
body.dark .nav-tabs.customtab .nav-link:focus,
body.dark .nav-tabs.customtab .nav-link:hover {
    color: #c8d3dc !important;
}
body.dark .nav.vtabs .nav-item.show .nav-link,
body.dark .nav.vtabs .nav-link.active {
    color: #c8d3dc !important;
}
body.dark .sitemap h5 {
    color: #c8d3dc !important;
}
body.dark .sitemap ul li a {
    color: #c8d3dc !important;
}
body.dark .sitemap ul li a:hover {
    color: #c8d3dc !important;
}
body.dark .fc th {
    background-color: hsl(240, 28%, 12%) !important;
}
body.dark .blog-list ul li {
    background-color: #16242c !important;
}
body.dark .blog-list ul li .blog-caption {
    color: #c8d3dc !important;
}
body.dark .blog-list ul li .blog-caption h4 a,
body.dark .product-caption h4 a {
    color: #c8d3dc !important;
}
body.dark .latest-post ul li h4 a {
    color: #c8d3dc !important;
}
body.dark .latest-post ul li h4 a:hover {
    color: #c8d3dc !important;
}
body.dark .blog-detail,
body.dark .product-box {
    background-color: #16242c !important;
}
body.dark .price ins {
    color: #c8d3dc !important;
}
body.dark .faq-wrap .card-header {
    background-color: #16242c !important;
}
body.dark .faq-wrap .card-header .btn {
    color: #c8d3dc !important;
}
body.dark .faq-wrap .card-header .btn.collapsed {
    color: #c8d3dc !important;
}
body.dark .pricing-card .price-title {
    color: #c8d3dc !important;
}
body.dark .pricing-card .pricing-price {
    color: #c8d3dc !important;
}
body.dark .pricing-card-style2 .pricing-card-header .left h5 {
    color: #c8d3dc !important;
}
body.dark .pricing-card-style2 .pricing-card-header .right {
    color: #c8d3dc !important;
}
body.dark .pricing-points ul li {
    color: #c8d3dc !important;
}
body.dark .profile-info ul li span {
    color: #c8d3dc !important;
}
body.dark .notification-list.chat-notification-list ul li.active a,
body.dark .notification-list.chat-notification-list ul li:hover a,
body.dark .profile-tab .nav-tabs.customtab {
    background-color: #16242c !important;
}
body.dark .profile-task-list ul li {
    color: #c8d3dc !important;
}
body.dark .task-list-form > ul > li {
    background-color: hsl(193, 13%, 12%) !important;
}
body.dark .task-list-form > ul > li .remove-task {
    color: #c8d3dc !important;
}
body.dark .add-more-task a {
    color: #c8d3dc !important;
}
body.dark .profile-timeline-list .task-name {
    color: #c8d3dc !important;
}
body.dark .profile-timeline-list .task-time {
    color: #c8d3dc !important;
}
body.dark .contact-directory-box {
    background-color: #16242c !important;
}
body.dark .contact-directory-box .profile-sort-desc {
    color: #c8d3dc !important;
}
body.dark .invoice-box {
    background-color: #16242c !important;
}
body.dark .invoice-desc .invoice-desc-head {
    background-color: #16242c !important;
}
body.dark .chat-search > span {
    color: #c8d3dc !important;
}
body.dark .chat-search input {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li:hover .mesaj-alani {
    background-color: hsl(223, 45%, 10%) !important;
}
body.dark .chat-box .chat-desc ul li .mesajkullanicisi,
body.dark .chat-box .chat-desc ul li .chat-name,
body.dark .chat-box .chat-desc ul li .username {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .rutbe,
body.dark .chat-box .chat-desc ul li .rank {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani,
body.dark .chat-box .chat-desc ul li .mesaj-alani p,
body.dark .chat-box .chat-desc ul li .mesaj-alani span,
body.dark .chat-box .chat-desc ul li .mesaj-alani div {
    color: #c8d3dc !important;
}
body.dark .chat-footer {
    background-color: #16242c !important;
}
body.dark .chat-footer .chat_text_area textarea {
    background-color: hsl(210, 22%, 11%) !important;
}
body.dark .chat-footer .chat_text_area textarea {
    color: #c8d3dc !important;
}
body.dark .chat-footer .chat_text_area textarea:focus {
    background-color: #16242c !important;
}
body.dark .chat-footer .chat_send .btn {
    background: linear-gradient(135deg, hsl(235, 45%, 18%), hsl(235, 45%, 20%)) !important;
}
body.dark .chat-reply-box {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .chat-reply-box {
    color: #c8d3dc !important;
}
body.dark .message-actions.visible {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .upload-file-box .left .overlay a span {
    background-color: #16242c !important;
}
body.dark .upload-file-box .left .overlay a span {
    color: #c8d3dc !important;
}
body.dark .upload-file-box .right h3 {
    color: #c8d3dc !important;
}
body.dark .wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
    color: #c8d3dc !important;
}
body.dark .right-sidebar {
    background-color: #16242c !important;
}
body.dark .right-sidebar .sidebar-title h3 span {
    color: #c8d3dc !important;
}
body.dark .fc-today.alert-info {
    background-color: hsl(247, 19%, 13%) !important;
}
body.dark .documentation-wrap .doc-sidebar {
    background-color: #16242c !important;
}
body.dark .table-actions a {
    color: #c8d3dc !important;
}
body.dark .welcome-modal {
    background-color: #16242c !important;
}
body.dark .welcome-modal .welcome-modal-close {
    background-color: hsl(210, 14%, 12%) !important;
}
body.dark .welcome-modal .welcome-modal-close {
    color: #c8d3dc !important;
}
body.dark .header-left .header-search {
    background-color: #16242c !important;
}
body.dark .text-black {
    color: #c8d3dc !important;
}
body.dark .message-actions.visible {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .message-actions .action-btn {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn:hover {
    background-color: hsl(226, 45%, 11%) !important;
}
body.dark .message-actions .action-btn:hover {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn.edit:hover {
    background-color: hsl(35, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.reply:hover {
    background-color: hsl(226, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.reply:hover {
    color: #c8d3dc !important;
}
body.dark .message-actions .action-btn.react:hover {
    background-color: hsl(250, 45%, 11%) !important;
}
body.dark .message-actions .action-btn.react:hover {
    color: #c8d3dc !important;
}
body.dark .reaction-box {
    background-color: #16242c !important;
}
body.dark .reaction-item {
    background-color: hsl(216, 11%, 11%) !important;
}
body.dark .reaction-item.mine {
    background-color: hsl(211, 21%, 18%) !important;
}
body.dark .mesaj-alani {
    background-color: #16242c !important;
}
body.dark .message-header {
    color: #c8d3dc !important;
}
body.dark .replytext {
    color: #c8d3dc !important;
}
body.dark .chat-reply-box {
    background-color: #16242c !important;
}
body.dark .duel-card .card-header {
    background-color: #16242c !important;
}
body.dark .chip-blue {
    background-color: hsl(222, 45%, 11%) !important;
}
body.dark .chip-blue {
    color: #c8d3dc !important;
}
body.dark .chip-indigo {
    background-color: hsl(233, 45%, 11%) !important;
}
body.dark .chip-teal {
    background-color: hsl(169, 30%, 13%) !important;
}
body.dark .chip-green {
    background-color: hsl(146, 37%, 12%) !important;
}
body.dark .chip-amber {
    background-color: hsl(45, 45%, 15%) !important;
}
body.dark .chip-amber:hover {
    background-color: hsl(44, 45%, 18%) !important;
}
body.dark .chip-amber:hover {
    color: #c8d3dc !important;
}
body.dark .chip-amber:active {
    background-color: hsl(44, 45%, 20%) !important;
}
body.dark .chip-amber:active {
    color: #c8d3dc !important;
}
body.dark .badge-rose {
    background-color: hsl(351, 45%, 19%) !important;
}
body.dark .btn-indigo {
    background-color: hsl(234, 45%, 19%) !important;
}
body.dark .sidebar-fab {
    background: linear-gradient(135deg, hsl(47, 45%, 15%), rgb(255, 183, 3)) !important;
}
body.dark .sidebar-fab {
    color: #c8d3dc !important;
}
body.dark .fab-tooltip {
    color: #c8d3dc !important;
}
body.dark .aktiftumuyelerlist li.vip {
    background: linear-gradient(90deg, hsl(46, 45%, 13%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.friend {
    background: linear-gradient(90deg, hsl(125, 22%, 12%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.vip.friend {
    background: linear-gradient(90deg, hsl(46, 45%, 13%), hsl(125, 22%, 12%)) !important;
}
body.dark .aktiftumuyelerlist li.friend:hover {
    background: linear-gradient(90deg, hsl(131, 28%, 13%), #16242c) !important;
}
body.dark .aktiftumuyelerlist li.vip.friend:hover {
    background: linear-gradient(90deg, hsl(48, 45%, 12%), hsl(131, 28%, 13%)) !important;
}
body.dark .friend-list li.friend.online {
    background: linear-gradient(90deg, hsl(125, 22%, 12%), #16242c) !important;
}
body.dark .friend-list > li.friend.online:hover {
    background: linear-gradient(90deg, hsl(131, 28%, 13%), #16242c) !important;
}
body.dark .friend-list li.friend.offline {
    background: linear-gradient(90deg, hsl(0, 45%, 11%), #16242c) !important;
}
body.dark .friend-list li.friend.offline:hover {
    background: linear-gradient(90deg, hsl(0, 43%, 13%), #16242c) !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark .chat-msg.other {
    color: #c8d3dc !important;
}
body.dark #yazialani-hizsavasisinavmodu {
    background-color: #16242c !important;
}
body.dark #yazialani-hizsavasisinavmodu > .golge {
    color: #c8d3dc !important;
}
body.dark .matchdesc {
    color: #c8d3dc !important;
}
body.dark .scoreTable ul li:nth-child(2n+1) {
    background-color: #16242c !important;
}
body.dark .scoreBoard {
    background-color: #16242c !important;
}
body.dark .coach-bubble {
    background-color: #16242c !important;
}
body.dark .coach-bubble {
    color: #c8d3dc !important;
}
body.dark .duel-vs-wrapper {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .duel-player.winner {
    background-color: hsl(137, 45%, 11%) !important;
}
body.dark .duel-sub {
    color: #c8d3dc !important;
}
body.dark .duel-time {
    color: #c8d3dc !important;
}
body.dark .duel-vs-wrapper {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .vip-upsell-badge {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .sol-resim-kapsayici {
    background-color: #16242c !important;
}
body.dark .custom-title {
    background-color: #16242c !important;
}
body.dark .custom-title {
    color: #c8d3dc !important;
}
body.dark .badge-custom {
    background-color: hsl(238, 45%, 19%) !important;
}
body.dark .wizard > .steps a,
body.dark .wizard > .steps a:active,
body.dark .wizard > .steps a:hover {
    background-color: hsl(210, 9%, 12%) !important;
}
body.dark .list-group-item.active {
    background-color: hsl(235, 45%, 18%) !important;
}
body.dark .wizard > .steps a,
body.dark .wizard > .steps a:active,
body.dark .wizard > .steps a:hover {
    background-color: hsl(210, 9%, 12%) !important;
}
body.dark .wizard > .steps a:hover {
    background-color: hsl(235, 45%, 16%) !important;
}
body.dark #fklavye > ul > li {
    background-color: #16242c !important;
}
body.dark .home-button {
    background-color: hsl(15, 45%, 19%) !important;
}
body.dark .bg-body {
    background-color: hsl(210, 15%, 12%) !important;
}
body.dark .hata-notification {
    background-color: #16242c !important;
}
body.dark .hata-notification:hover {
    background-color: hsl(0, 40%, 11%) !important;
}
body.dark .hata-notification:hover strong {
    color: #c8d3dc !important;
}
body.dark body.dark .message-text {
    color: #c8d3dc !important;
}
body.dark body.dark .hata-notification {
    color: #c8d3dc !important;
}
body.dark body.dark .text-dark {
    color: #c8d3dc !important;
}
body.dark .hata-chat-container {
    background-color: hsl(210, 9%, 11%) !important;
}
body.dark .hata-msg-user {
    background-color: #16242c !important;
}
body.dark .hata-msg-user {
    color: #c8d3dc !important;
}
body.dark #adminChatBox {
    background-color: #16242c !important;
}
body.dark #adminChatBox::-webkit-scrollbar-thumb {
    background-color: #16242c !important;
}
body.dark .kriter-scroll {
    background-color: #16242c !important;
}
body.dark .metin-kutu {
    background-color: #16242c !important;
}
body.dark .w-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .w-ok {
    color: #c8d3dc !important;
}
body.dark .w-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .w-bad {
    color: #c8d3dc !important;
}
body.dark .w-skip {
    background-color: hsl(45, 45%, 13%) !important;
}
body.dark #sonucEkrani.modal .modal-body {
    background-color: hsl(223, 26%, 11%) !important;
}
body.dark .cardX {
    background-color: #16242c !important;
}
body.dark .cardX-h {
    color: #c8d3dc !important;
}
body.dark .kpiCard {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .kpiCard {
    color: #c8d3dc !important;
}
body.dark .kpiCard .t {
    color: #c8d3dc !important;
}
body.dark .kpiCard .s {
    color: #c8d3dc !important;
}
body.dark .kpi-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .kpi-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .kpi-blue {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .kpi-orange {
    background-color: hsl(37, 45%, 12%) !important;
}
body.dark .kpi-purple {
    background-color: hsl(292, 24%, 12%) !important;
}
body.dark .kpi-gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .kpi-total {
    background-color: #16242c !important;
}
body.dark .kpi-pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .kpi-warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .sideList .lbl {
    color: #c8d3dc !important;
}
body.dark .sideList .val {
    color: #c8d3dc !important;
}
body.dark .sideList .val.bad {
    color: #c8d3dc !important;
}
body.dark .pill-ok {
    background-color: hsl(146, 28%, 12%) !important;
}
body.dark .pill-ok {
    color: #c8d3dc !important;
}
body.dark .pill-bad {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .pill-bad {
    color: #c8d3dc !important;
}
body.dark .pill-warn {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .pill-warn {
    color: #c8d3dc !important;
}
body.dark .pill-skip {
    background-color: hsl(205, 45%, 12%) !important;
}
body.dark .pill-skip {
    color: #c8d3dc !important;
}
body.dark .miniBar {
    background-color: hsl(220, 7%, 13%) !important;
}
body.dark .vTag {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark .t-bad {
    background-color: hsla(0, 45%, 20%, 0.35) !important;
}
body.dark .t-none {
    background-color: hsla(215, 11%, 20%, 0.2) !important;
}
body.dark .miniTile {
    background-color: #16242c !important;
}
body.dark .miniTile .t {
    color: #c8d3dc !important;
}
body.dark .miniTile.bad .v {
    color: #c8d3dc !important;
}
body.dark .kKey {
    background-color: hsla(215, 11%, 20%, 0.1) !important;
}
body.dark .miniTile {
    background-color: #16242c !important;
}
body.dark .miniTile .t {
    color: #c8d3dc !important;
}
body.dark .miniTile .v {
    color: #c8d3dc !important;
}
body.dark .miniTile .ico {
    color: #c8d3dc !important;
}
body.dark .mt-ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .mt-ok .v,
body.dark .mt-ok .ico {
    color: #c8d3dc !important;
}
body.dark .mt-bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .mt-bad .v,
body.dark .mt-bad .ico {
    color: #c8d3dc !important;
}
body.dark .mt-blue {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .mt-blue .v,
body.dark .mt-blue .ico {
    color: #c8d3dc !important;
}
body.dark .mt-orange {
    background-color: hsl(37, 45%, 12%) !important;
}
body.dark .mt-purple {
    background-color: hsl(292, 24%, 12%) !important;
}
body.dark .mt-purple .v,
body.dark .mt-purple .ico {
    color: #c8d3dc !important;
}
body.dark .mt-gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .mt-gray .v,
body.dark .mt-gray .ico {
    color: #c8d3dc !important;
}
body.dark .mt-total {
    background-color: #16242c !important;
}
body.dark .mt-total .v,
body.dark .mt-total .ico {
    color: #c8d3dc !important;
}
body.dark .mt-pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .mt-pink .v,
body.dark .mt-pink .ico {
    color: #c8d3dc !important;
}
body.dark .mt-warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .miniTile.locked {
    background-color: #16242c !important;
}
body.dark .chip {
    background-color: #16242c !important;
}
body.dark .chip {
    color: #c8d3dc !important;
}
body.dark .chip.ok {
    background-color: hsl(145, 28%, 12%) !important;
}
body.dark .chip.ok {
    color: #c8d3dc !important;
}
body.dark .chip.bad {
    background-color: hsl(6, 45%, 11%) !important;
}
body.dark .chip.bad {
    color: #c8d3dc !important;
}
body.dark .chip.warn {
    background-color: hsl(46, 45%, 12%) !important;
}
body.dark .chip.info {
    background-color: hsl(220, 43%, 11%) !important;
}
body.dark .chip.info {
    color: #c8d3dc !important;
}
body.dark .chip.pink {
    background-color: hsl(340, 44%, 12%) !important;
}
body.dark .chip.pink {
    color: #c8d3dc !important;
}
body.dark .chip.gray {
    background-color: hsl(204, 8%, 12%) !important;
}
body.dark .chip.gray {
    color: #c8d3dc !important;
}
body.dark .playerCard .miniKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .vsText {
    background-color: hsla(215, 11%, 20%, 0.18) !important;
}
body.dark .playerCard .dqBadge {
    background-color: hsla(0, 45%, 20%, 0.2) !important;
}
body.dark .playerCard .miniKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .duelloTop {
    background-color: #16242c !important;
}
body.dark .duelloBadge {
    color: #c8d3dc !important;
}
body.dark .duelloMeta {
    color: #c8d3dc !important;
}
body.dark .duelloMsg {
    color: #c8d3dc !important;
}
body.dark .vsText {
    background-color: hsla(215, 11%, 20%, 0.18) !important;
}
body.dark .vsText {
    color: #c8d3dc !important;
}
body.dark .vsHint {
    color: #c8d3dc !important;
}
body.dark .dqBadge {
    background-color: hsla(0, 45%, 20%, 0.22) !important;
}
body.dark .pKpi {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .fifa-shield {
    background: radial-gradient(120px 120px at 30% 20%, rgba(22, 36, 44, 0.1), transparent 60%), radial-gradient(140px 140px at 70% 80%, rgba(34, 197, 94, 0.1), transparent 60%), linear-gradient(rgb(11, 18, 32), rgb(10, 15, 28)) !important;
}
body.dark .fifa-card {
    background: radial-gradient(160px 130px at 20% 15%, hsla(217, 45%, 20%, 0.18), transparent 60%), radial-gradient(160px 140px at 80% 90%, rgba(245, 158, 11, 0.16), transparent 60%), linear-gradient(rgb(11, 18, 32), rgb(10, 15, 28)) !important;
}
body.dark .fifa-tag {
    background-color: hsla(215, 11%, 20%, 0.14) !important;
}
body.dark .fifa-dq {
    background-color: hsla(0, 45%, 20%, 0.18) !important;
}
body.dark .fifa-avatarWrap {
    background: linear-gradient(135deg, rgba(22, 36, 44, 0.2), rgba(22, 36, 44, 0.06)) !important;
}
body.dark .fifa-stat {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .fifa-ribbon {
    background: linear-gradient(90deg, rgb(34, 197, 94), hsl(142, 42%, 18%)) !important;
}
body.dark .fifa-ribbon {
    color: #c8d3dc !important;
}
body.dark .fifa-dqLine {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .fifa-pillDQ {
    background-color: hsla(0, 45%, 20%, 0.22) !important;
}
body.dark .fifa-cardDQReason {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .duelloStripSide .nm {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .mode {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .dq {
    color: #c8d3dc !important;
}
body.dark .duelloStripMid .vs {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable td:first-child {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow2 .side .nm {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow2 .mid .dq {
    color: #c8d3dc !important;
}
body.dark .duelloStripRow3 .dq {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .winCell {
    color: #c8d3dc !important;
}
body.dark .dqCell {
    background-color: hsla(0, 45%, 20%, 0.12) !important;
}
body.dark .dqCell {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 td.lbl {
    background-color: hsla(215, 11%, 20%, 0.12) !important;
}
body.dark .duelloCenterBadge {
    background-color: #16242c !important;
}
body.dark .duelloCenterBadge .dq {
    color: #c8d3dc !important;
}
body.dark .duelloCenterBadge .vsIcon {
    background: radial-gradient(circle at 30% 30%, hsl(48, 45%, 17%), rgb(245, 158, 11)) !important;
}
body.dark .duelloCenterBadge .vsIcon {
    color: #c8d3dc !important;
}
body.dark .duelloCompareTable3 tr:nth-child(2n+1) td {
    background-color: hsla(215, 11%, 20%, 0.1) !important;
}
body.dark .duelloCompareTable3 tr:nth-child(2n) td {
    background-color: hsla(215, 11%, 20%, 0.06) !important;
}
body.dark .duelloCompareTable3 td.lbl {
    color: #c8d3dc !important;
}
body.dark .dqCell {
    background-color: hsla(0, 45%, 20%, 0.14) !important;
}
body.dark .vsHead {
    background-color: #16242c !important;
}
body.dark .vsSide.left {
    background-color: hsl(0, 40%, 20%) !important;
}
body.dark .vsBadge {
    background-color: #16242c !important;
}
body.dark .vsSub {
    color: #c8d3dc !important;
}
body.dark .vsTable {
    background-color: #16242c !important;
}
body.dark .vsRow.alt {
    background-color: hsl(220, 8%, 11%) !important;
}
body.dark .vsRow .vL {
    color: #c8d3dc !important;
}
body.dark .vsRow .vM {
    color: #c8d3dc !important;
}
body.dark .vsRow .subMid {
    color: #c8d3dc !important;
}
body.dark .vsRow .subL,
body.dark .vsRow .subR {
    color: #c8d3dc !important;
}
body.dark .vsAvatar {
    background-color: #16242c !important;
}
body.dark .vsBadgeBig {
    background-color: #16242c !important;
}
body.dark .vsSub {
    color: #c8d3dc !important;
}
body.dark .fifaRibbonMini.red {
    background-color: hsl(0, 45%, 20%) !important;
}
body.dark .dqRow {
    background-color: hsla(0, 45%, 20%, 0.08) !important;
}
body.dark .dqText {
    color: #c8d3dc !important;
}
body.dark .duelloInfoBar {
    background-color: rgba(22, 36, 44, 0.04) !important;
}
body.dark .duelloInfoBar {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.08), hsla(217, 45%, 20%, 0.08)) !important;
}
body.dark .badge-canli-nokta {
    background-color: hsl(3, 45%, 20%) !important;
}
body.dark .pc-divider {
    background: linear-gradient(to right, transparent, hsl(41, 28%, 20%), transparent) !important;
}
body.dark .genel-aktif-pill {
    background-color: hsl(135, 30%, 11%) !important;
}
body.dark .genel-aktif-label {
    color: #c8d3dc !important;
}
body.dark .genelAktifSayisi {
    color: #c8d3dc !important;
}
body.dark .gece-modu-pill {
    background-color: hsl(220, 24%, 11%) !important;
}
body.dark .gece-modu-pill {
    color: #c8d3dc !important;
}
body.dark .gece-modu-pill:hover {
    background-color: hsl(216, 23%, 11%) !important;
}
body.dark .gece-modu-label {
    color: #c8d3dc !important;
}
body.dark .gece-modu-label i {
    color: #c8d3dc !important;
}
body.dark .pill-vip {
    color: #c8d3dc !important;
}
body.dark .toplist {
    background-color: #16242c !important;
}
body.dark .toplist:hover {
    background-color: hsl(228, 45%, 11%) !important;
}
body.dark .toplist:hover .font-14 {
    color: #c8d3dc !important;
}
body.dark .toplist:nth-child(1) {
    background-color: hsl(43, 45%, 11%) !important;
}
body.dark .toplist:nth-child(2) {
    background-color: hsl(220, 13%, 11%) !important;
}
body.dark .toplist:nth-child(3) {
    background-color: hsl(25, 45%, 11%) !important;
}
body.dark .badge-vip {
    color: #c8d3dc !important;
}
body.dark .chat-box .chat-desc ul li .mesaj-alani .badge-vip i {
    color: #c8d3dc !important;
}
body.dark .vip-center-teaser-inner {
    background: linear-gradient(135deg, hsl(259, 35%, 20%) 0%, hsl(271, 45%, 20%) 55%, #F59E0B 140%) !important;
}
body.dark .vip-center-badge {
    background-color: rgba(22, 36, 44, 0.16) !important;
}
body.dark .vip-center-icon-wrap {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .vip-center-cta {
    background-color: #16242c !important;
}
body.dark .vip-center-cta {
    color: #c8d3dc !important;
}
body.dark .vip-side-link {
    background: linear-gradient(90deg, hsla(259, 35%, 20%, 0.1), rgba(245,158,11,.10)) !important;
}
body.dark .vip-side-link .mtext {
    color: #c8d3dc !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark .chat-msg.other {
    color: #c8d3dc !important;
}
body.dark .plus-chat-avatar {
    background-color: #16242c !important;
}
body.dark .plus-chat-name {
    color: #c8d3dc !important;
}
body.dark .plus-unread {
    background: linear-gradient(135deg, hsl(0, 45%, 19%), hsl(24, 45%, 20%)) !important;
}
body.dark .chat-msg.me {
    background: linear-gradient(135deg, #2563eb 0%, hsl(217, 45%, 20%) 100%) !important;
}
body.dark .chat-msg.other {
    background-color: #16242c !important;
}
body.dark #quizAns label {
    background-color: #16242c !important;
}
body.dark #quizAns label.correct {
    background-color: hsl(100, 45%, 13%) !important;
}
body.dark #quizAns label.wrong {
    background-color: hsl(0, 45%, 11%) !important;
}
body.dark .widget-wrap {
    background-color: rgba(22, 36, 44, 0.4) !important;
}
body.dark body {
    background-color: var(--#16242c) !important;
}
body.dark body {
    color: #c8d3dc !important;
}
body.dark .btn-secondary {
    background-color: var(--#16242c) !important;
}
body.dark .btn-secondary {
    color: #c8d3dc !important;
}
body.dark .header.active {
    background-color: var(--#16242c) !important;
}
body.dark .header-action-btn {
    background-color: var(--#16242c) !important;
}
body.dark .header-action-btn {
    color: #c8d3dc !important;
}
body.dark .navbar {
    background-color: var(--#16242c) !important;
}
body.dark .nav-close-btn {
    background-color: var(--#16242c) !important;
}
body.dark .nav-close-btn {
    color: #c8d3dc !important;
}
body.dark .search-close-btn {
    background-color: var(--#16242c) !important;
}
body.dark .search-field {
    background-color: var(--#16242c) !important;
}
body.dark .search-field {
    color: #c8d3dc !important;
}
body.dark .course-card {
    background-color: var(--#16242c) !important;
}
body.dark .course-card .badge {
    background-color: var(--#16242c) !important;
}
body.dark .course-card .badge {
    color: #c8d3dc !important;
}
body.dark .email-field {
    background-color: var(--#16242c) !important;
}
body.dark .rp-kart .rp-etiket {
    color: #c8d3dc !important;
}
body.dark .rp-cubuk {
    background-color: #16242c !important;
}
body.dark .rp-bos {
    color: #c8d3dc !important;
}
body.dark body {
    background-color: #16242c !important;
}
body.dark body {
    background-color: #16242c !important;
}
body.dark body {
    color: #c8d3dc !important;
}
body.dark .ko-section-soft {
    background: linear-gradient(180deg, hsl(197, 35%, 11%) 0%, hsl(198, 34%, 11%) 100%) !important;
}
body.dark .ko-eyebrow {
    background-color: hsl(193, 39%, 11%) !important;
}
body.dark .ko-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ko-badge {
    background-color: hsl(44, 45%, 11%) !important;
}
body.dark .ko-badge {
    color: #c8d3dc !important;
}
body.dark .ko-btn-secondary {
    background-color: #16242c !important;
}
body.dark .ko-btn-secondary {
    color: #c8d3dc !important;
}
body.dark .ko-hero {
    background: radial-gradient(circle at 85% 10%, rgba(53, 191, 208, .2), transparent 31%),
      radial-gradient(circle at 5% 85%, hsla(39, 45%, 20%, 0.12), transparent 24%),
      linear-gradient(180deg, hsl(195, 37%, 11%) 0%, #16242c 90%) !important;
}
body.dark .ko-hero-note {
    color: #c8d3dc !important;
}
body.dark .ko-main-card {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark .ko-status {
    background-color: hsl(163, 38%, 11%) !important;
}
body.dark .ko-status {
    color: #c8d3dc !important;
}
body.dark .ko-progress {
    background-color: rgba(22, 36, 44, 0.18) !important;
}
body.dark .ko-progress span {
    background: linear-gradient(90deg, var(--ko-mint), hsl(43, 45%, 19%)) !important;
}
body.dark .ko-stat-box {
    background-color: #16242c !important;
}
body.dark .ko-float {
    background-color: #16242c !important;
}
body.dark .ko-float {
    color: #c8d3dc !important;
}
body.dark .ko-trust-grid {
    background-color: #16242c !important;
}
body.dark .ko-feature {
    background-color: #16242c !important;
}
body.dark .ko-icon {
    background-color: hsl(193, 39%, 11%) !important;
}
body.dark .ko-icon {
    color: #c8d3dc !important;
}
body.dark .ko-check {
    color: #c8d3dc !important;
}
body.dark .ko-visual {
    background: linear-gradient(145deg, hsl(193, 39%, 11%) 0%, #16242c 55%, hsl(43, 45%, 12%) 100%) !important;
}
body.dark .ko-window {
    background-color: #16242c !important;
}
body.dark .ko-window-bar {
    background-color: hsl(200, 21%, 11%) !important;
}
body.dark .ko-window-bar i {
    background-color: hsl(202, 17%, 15%) !important;
}
body.dark .ko-chart {
    background: linear-gradient(to top, transparent 24%, hsl(198, 20%, 12%) 25%, transparent 26%, transparent 49%, hsl(198, 20%, 12%) 50%, transparent 51%, transparent 74%, hsl(198, 20%, 12%) 75%, transparent 76%),
      linear-gradient(135deg, transparent 0 14%, rgba(20,143,178,.13) 14% 32%, transparent 32% 40%, hsla(168, 30%, 20%, 0.18) 40% 59%, transparent 59% 68%, hsla(39, 45%, 20%, 0.2) 68% 86%, transparent 86%) !important;
}
body.dark .ko-mini {
    background-color: hsl(197, 30%, 11%) !important;
}
body.dark .ko-menu-card {
    background-color: #16242c !important;
}
body.dark .ko-menu-card.game .ko-icon {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .ko-teacher .ko-eyebrow {
    background-color: rgba(22, 36, 44, 0.12) !important;
}
body.dark .ko-teacher-item {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark .ko-teacher-screen {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .ko-class-row {
    background-color: #16242c !important;
}
body.dark .ko-class-row {
    color: #c8d3dc !important;
}
body.dark .ko-class-row .avatar {
    background-color: hsl(191, 35%, 11%) !important;
}
body.dark .ko-class-row .avatar {
    color: #c8d3dc !important;
}
body.dark .ko-class-row strong {
    color: #c8d3dc !important;
}
body.dark .ko-step {
    background-color: #16242c !important;
}
body.dark .ko-final {
    background: linear-gradient(135deg, hsl(195, 37%, 11%), hsl(42, 45%, 11%)) !important;
}
body.dark .ko-final-card .ko-btn-secondary {
    background-color: rgba(22, 36, 44, 0.1) !important;
}
body.dark .header {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .navbar-link {
    color: #c8d3dc !important;
}
body.dark .header .login-btn {
    background: linear-gradient(135deg,var(--ko-blue),hsl(225, 38%, 20%)) !important;
}
body.dark .ko-eyebrow {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(35, 45%, 11%)) !important;
}
body.dark .ko-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ko-status {
    background-color: hsl(36, 45%, 12%) !important;
}
body.dark .ko-status {
    color: #c8d3dc !important;
}
body.dark .ko-feature:nth-child(3) .ko-icon,
body.dark .ko-feature:nth-child(5) .ko-icon {
    background-color: hsl(33, 45%, 11%) !important;
}
body.dark .ko-feature:nth-child(3) .ko-icon,
body.dark .ko-feature:nth-child(5) .ko-icon {
    color: #c8d3dc !important;
}
body.dark .ko-product-preview {
    background-color: #16242c !important;
}
body.dark .ko-preview-card {
    background: linear-gradient(145deg,hsl(200, 45%, 11%),#16242c) !important;
}
body.dark .ko-preview-card img {
    background: linear-gradient(145deg,hsl(198, 45%, 11%),hsl(36, 45%, 11%)) !important;
}
body.dark .ko-product-stage {
    background: linear-gradient(180deg,#16242c 0%,hsl(204, 45%, 11%) 100%) !important;
}
body.dark .ko-preview-card {
    background-color: #16242c !important;
}
body.dark .ko-preview-image {
    background: linear-gradient(145deg,hsl(196, 45%, 11%),hsl(37, 45%, 11%)) !important;
}
body.dark .ko-preview-tag {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .ko-preview-tag {
    color: #c8d3dc !important;
}
body.dark .ko-duel-board {
    background-color: rgba(22, 36, 44, 0.09) !important;
}
body.dark .ko-player {
    background-color: #16242c !important;
}
body.dark .ko-player {
    color: #c8d3dc !important;
}
body.dark .ko-player-avatar {
    background-color: hsl(194, 43%, 11%) !important;
}
body.dark .ko-player-avatar {
    color: #c8d3dc !important;
}
body.dark .ko-rank {
    background-color: rgba(22, 36, 44, 0.07) !important;
}
body.dark .ko-profile-card {
    background-color: #16242c !important;
}
body.dark .ko-profile-badges span {
    background-color: hsl(194, 37%, 11%) !important;
}
body.dark .ko-profile-badges span {
    color: #c8d3dc !important;
}
body.dark .ko-profile-badges span.vip {
    background-color: hsl(39, 45%, 12%) !important;
}
body.dark .ko-profile-stat {
    background-color: hsl(197, 30%, 11%) !important;
}
body.dark .ko-audience-card {
    background-color: #16242c !important;
}
body.dark .ko-audience-card:nth-child(2),
body.dark .ko-audience-card:nth-child(4) {
    background-color: hsl(38, 45%, 11%) !important;
}
body.dark .ko-audience-card .ko-icon.orange {
    background-color: hsl(34, 45%, 12%) !important;
}
body.dark .ko-audience-card .ko-icon.orange {
    color: #c8d3dc !important;
}
body.dark .ko-story {
    background-color: #16242c !important;
}
body.dark .ko-journey-proof {
    background: linear-gradient(180deg,#16242c 0%,hsl(200, 33%, 11%) 100%) !important;
}
body.dark .ko-proof-card {
    background-color: #16242c !important;
}
body.dark .ko-proof-meta {
    color: #c8d3dc !important;
}
body.dark .ko-vip-callout {
    background: linear-gradient(135deg,hsl(38, 45%, 11%),hsl(198, 45%, 11%)) !important;
}
body.dark .ko-hero {
    background: radial-gradient(circle at 9% 17%, rgba(255,148,24,.13), transparent 27%),
        radial-gradient(circle at 89% 12%, hsla(200, 41%, 20%, 0.18), transparent 31%),
        radial-gradient(circle at 73% 82%, rgba(53,191,208,.10), transparent 27%),
        linear-gradient(180deg,hsl(202, 45%, 10%) 0%,#16242c 90%) !important;
}
body.dark .ko-section-soft {
    background: radial-gradient(circle at 8% 8%, rgba(255,148,24,.055), transparent 23%),
        radial-gradient(circle at 92% 86%, hsla(200, 41%, 20%, 0.075), transparent 28%),
        linear-gradient(180deg,hsl(200, 33%, 11%) 0%,hsl(198, 34%, 11%) 100%) !important;
}
body.dark .ko-icon.orange,
body.dark .ko-feature:nth-child(3) .ko-icon,
body.dark .ko-feature:nth-child(5) .ko-icon {
    background: linear-gradient(145deg,var(--ko-orange),hsl(39, 45%, 20%)) !important;
}
body.dark .ko-feature:nth-child(6) .ko-icon,
body.dark .ko-menu-card.game .ko-icon {
    background: linear-gradient(145deg,rgba(22, 36, 44, 0.22),rgba(22, 36, 44, 0.09)) !important;
}
body.dark .ko-btn-primary {
    background: linear-gradient(135deg,var(--ko-orange),hsl(37, 45%, 20%)) !important;
}
body.dark .ko-eyebrow {
    background: linear-gradient(90deg,hsl(193, 42%, 11%),hsl(34, 45%, 11%)) !important;
}
body.dark .ko-eyebrow {
    color: #c8d3dc !important;
}
body.dark .header {
    background-color: rgba(22, 36, 44, 0.94) !important;
}
body.dark .navbar-link {
    color: #c8d3dc !important;
}
body.dark .header .login-btn {
    background: linear-gradient(135deg, #168fbd 0%, hsl(227, 39%, 20%) 100%) !important;
}
body.dark .ko-profile-action .ko-profile-vip {
    background: linear-gradient(135deg,hsl(43, 45%, 18%),hsl(33, 45%, 20%)) !important;
}
body.dark .ko-profile-action .ko-profile-vip {
    color: #c8d3dc !important;
}
body.dark .social-link {
    background-color: rgba(22, 36, 44, 0.08) !important;
}
body.dark .header,
body.dark .header.active {
    background-color: rgba(22, 36, 44, 0.97) !important;
}
body.dark .navbar-link {
    color: #c8d3dc !important;
}
body.dark .ko-profile-icon {
    background-color: rgba(22, 36, 44, 0.14) !important;
}
body.dark .ko-preview-visual {
    background: radial-gradient(circle at 18% 18%, rgba(255,148,24,.15), transparent 30%),
        radial-gradient(circle at 82% 76%, hsla(202, 42%, 20%, 0.18), transparent 34%),
        linear-gradient(145deg,hsl(195, 44%, 11%),hsl(39, 45%, 11%)) !important;
}
body.dark .ko-preview-visual {
    color: #c8d3dc !important;
}
body.dark .ko-preview-visual-blue ion-icon {
    background: linear-gradient(135deg,#2098d1,hsl(225, 41%, 20%)) !important;
}
body.dark .ko-preview-visual em {
    background-color: rgba(22, 36, 44, 0.84) !important;
}
body.dark .ko-preview-visual em {
    color: #c8d3dc !important;
}
body.dark .header,
body.dark .header.active {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .header .login-btn {
    background: linear-gradient(135deg, #1999cc 0%, hsl(225, 41%, 20%) 100%) !important;
}
body.dark .ko-profile-action .ko-profile-vip {
    background: linear-gradient(135deg,hsl(43, 45%, 18%),hsl(33, 45%, 20%)) !important;
}
body.dark .ko-profile-action .ko-profile-vip {
    color: #c8d3dc !important;
}
body.dark .header.ko-scrolled,
body.dark .header.active.ko-scrolled {
    background-color: rgba(22, 36, 44, 0.96) !important;
}
body.dark .ko-hero .ko-btn-secondary {
    background-color: rgba(22, 36, 44, 0.74) !important;
}
body.dark .ko-start-strip {
    background-color: #16242c !important;
}
body.dark .ko-start-step {
    background-color: #16242c !important;
}
body.dark .ko-start-step {
    color: #c8d3dc !important;
}
body.dark .ko-feature-education .ko-icon,
body.dark .ko-feature-progress .ko-icon {
    background: linear-gradient(135deg,#1697c1,hsl(185, 34%, 20%)) !important;
}
body.dark .ko-feature-exam .ko-icon {
    background: linear-gradient(135deg,var(--ko-orange),hsl(36, 45%, 20%)) !important;
}
body.dark .ko-feature-teacher .ko-icon {
    background: linear-gradient(135deg,hsl(231, 38%, 20%),#28a9c8) !important;
}
body.dark .ko-feature-vip .ko-icon {
    background: linear-gradient(135deg,#e7a51f,hsl(23, 45%, 20%)) !important;
}
body.dark .ko-mobile-auth a {
    background-color: hsl(200, 26%, 11%) !important;
}
body.dark .ko-mobile-auth a {
    color: #c8d3dc !important;
}
body.dark .header .ko-auth-login {
    background-color: #16242c !important;
}
body.dark .header .ko-auth-login {
    color: #c8d3dc !important;
}
body.dark .ko-mock-window {
    background-color: #16242c !important;
}
body.dark .ko-mock-window > span {
    background-color: hsl(202, 18%, 14%) !important;
}
body.dark .ko-speed-dial {
    background: conic-gradient(#38b86d 0 42%,hsl(44, 45%, 20%) 42% 70%,hsl(5, 45%, 20%) 70% 100%) !important;
}
body.dark .ko-speed-dial {
    color: #c8d3dc !important;
}
body.dark .header .ko-auth-login {
    background-color: #16242c !important;
}
body.dark .header .ko-auth-login {
    color: #c8d3dc !important;
}
body.dark .header .ko-auth-login:hover {
    background-color: hsl(200, 41%, 10%) !important;
}
body.dark .header .ko-auth-login:hover {
    color: #c8d3dc !important;
}
body.dark .ko-product-preview {
    background: radial-gradient(circle at 9% 18%, rgba(36,159,210,.055), transparent 22%),
        radial-gradient(circle at 91% 82%, rgba(255,148,24,.045), transparent 24%),
        #16242c !important;
}
body.dark .ko-preview-grid-nine .ko-preview-card {
    background-color: #16242c !important;
}
body.dark .ko-preview-grid-nine .ko-preview-visual {
    background: radial-gradient(circle at 18% 22%, rgba(36,159,210,.11), transparent 27%),
        radial-gradient(circle at 82% 78%, rgba(255,148,24,.075), transparent 28%),
        linear-gradient(145deg,hsl(200, 45%, 11%),hsl(37, 45%, 11%)) !important;
}
body.dark .ko-preview-visual-orange ion-icon {
    background: linear-gradient(145deg,var(--ko-orange),hsl(36, 45%, 20%)) !important;
}
body.dark .ko-preview-visual > em {
    background-color: rgba(22, 36, 44, 0.9) !important;
}
body.dark .ko-preview-visual > em {
    color: #c8d3dc !important;
}
body.dark .ko-speed-dial {
    background: conic-gradient(var(--ko-blue) 0 53%, hsl(192, 36%, 20%) 53% 72%, hsl(35, 45%, 20%) 72% 100%) !important;
}
body.dark .ko-feature-exam .ko-icon,
body.dark .ko-feature-motivation .ko-icon {
    background: linear-gradient(145deg,var(--ko-orange),hsl(36, 45%, 20%)) !important;
}
body.dark .ko-eyebrow {
    background-color: hsla(200, 43%, 11%, 0.92) !important;
}
body.dark .ko-eyebrow {
    color: #c8d3dc !important;
}
body.dark .ko-status {
    background-color: hsl(199, 45%, 11%) !important;
}
body.dark .ko-status {
    color: #c8d3dc !important;
}
body.dark .ko-start-step:nth-child(3) b {
    background: linear-gradient(135deg,#3aaecf,hsl(183, 31%, 20%)) !important;
}
body.dark .ko-start-step:nth-child(4) b {
    background: linear-gradient(135deg,var(--ko-orange),hsl(36, 45%, 20%)) !important;
}
body.dark .user-highlight {
    background-color: hsl(134, 23%, 13%) !important;
}
body.dark .mulakat-page {
    background: radial-gradient(circle at 8% 4%,hsla(171, 26%, 20%, 0.12),transparent 28%),radial-gradient(circle at 92% 10%,hsla(42, 45%, 19%, 0.16),transparent 24%),linear-gradient(180deg,hsl(207, 45%, 10%) 0%,#16242c 100%) !important;
}
body.dark .mulakat-page {
    color: #c8d3dc !important;
}
body.dark .mulakat-hero {
    background: linear-gradient(135deg,hsl(200, 45%, 11%) 0%,hsl(47, 45%, 12%) 56%,#16242c 100%) !important;
}
body.dark .mulakat-eyebrow {
    background-color: rgba(22, 36, 44, 0.88) !important;
}
body.dark .mulakat-eyebrow {
    color: #c8d3dc !important;
}
body.dark .mulakat-hero h1 {
    color: #c8d3dc !important;
}
body.dark .mulakat-hero p {
    color: #c8d3dc !important;
}
body.dark .mulakat-primary-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .mulakat-secondary-btn {
    background: linear-gradient(135deg,#3aaec3,hsl(171, 26%, 20%)) !important;
}
body.dark .mulakat-light-btn {
    background-color: #16242c !important;
}
body.dark .mulakat-light-btn {
    color: #c8d3dc !important;
}
body.dark .mulakat-hero-mini span {
    background-color: #16242c !important;
}
body.dark .mulakat-hero-mini span {
    color: #c8d3dc !important;
}
body.dark .mulakat-visual-card {
    background-color: rgba(22, 36, 44, 0.8) !important;
}
body.dark .mulakat-ad {
    background-color: hsl(214, 23%, 11%) !important;
}
body.dark .mulakat-section-head {
    background: linear-gradient(135deg,hsl(206, 45%, 10%),hsl(48, 45%, 11%)) !important;
}
body.dark .mulakat-section-head span {
    color: #c8d3dc !important;
}
body.dark .mulakat-section-head h2 {
    color: #c8d3dc !important;
}
body.dark .mulakat-section-head small {
    color: #c8d3dc !important;
}
body.dark .mulakat-category-card {
    background-color: #16242c !important;
}
body.dark .mulakat-category-card.tone-1 {
    background: linear-gradient(180deg,hsl(50, 45%, 11%),#16242c) !important;
}
body.dark .mulakat-category-card.tone-2 {
    background: linear-gradient(180deg,hsl(198, 45%, 11%),#16242c) !important;
}
body.dark .mulakat-category-card.tone-3 {
    background: linear-gradient(180deg,hsl(5, 45%, 11%),#16242c) !important;
}
body.dark .mulakat-category-card.tone-4 {
    background: linear-gradient(180deg,hsl(150, 45%, 11%),#16242c) !important;
}
body.dark .mulakat-category-card.tone-5 {
    background: linear-gradient(180deg,hsl(250, 45%, 11%),#16242c) !important;
}
body.dark .mulakat-category-card.tone-6 {
    background: linear-gradient(180deg,hsl(206, 45%, 10%),#16242c) !important;
}
body.dark .mulakat-category-icon {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .mulakat-category-image {
    background-color: hsl(207, 45%, 10%) !important;
}
body.dark .mulakat-category-body h3 {
    color: #c8d3dc !important;
}
body.dark .mulakat-category-body p {
    color: #c8d3dc !important;
}
body.dark .mulakat-category-tags span {
    background-color: #16242c !important;
}
body.dark .mulakat-category-tags span {
    color: #c8d3dc !important;
}
body.dark .mulakat-start-btn {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark .mulakat-info-grid article {
    background-color: #16242c !important;
}
body.dark .mulakat-info-grid span {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .mulakat-info-grid h3,
body.dark .mulakat-guide-body h3,
body.dark .mulakat-seo-grid h3 {
    color: #c8d3dc !important;
}
body.dark .mulakat-info-grid p,
body.dark .mulakat-guide-body p,
body.dark .mulakat-seo-grid p {
    color: #c8d3dc !important;
}
body.dark .mulakat-guide-card {
    background-color: #16242c !important;
}
body.dark .mulakat-guide-image {
    background-color: hsl(214, 23%, 11%) !important;
}
body.dark .mulakat-guide-body span {
    background-color: hsl(198, 45%, 11%) !important;
}
body.dark .mulakat-guide-body span {
    color: #c8d3dc !important;
}
body.dark .mulakat-guide-body a {
    background: linear-gradient(135deg,#3aaec3,hsl(171, 26%, 20%)) !important;
}
body.dark .mulakat-seo-accordion {
    background-color: #16242c !important;
}
body.dark .mulakat-seo-toggle {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .mulakat-seo-toggle {
    color: #c8d3dc !important;
}
body.dark .mulakat-seo-toggle span {
    color: #c8d3dc !important;
}
body.dark .mulakat-seo-grid article {
    background: linear-gradient(180deg,#16242c,hsl(210, 45%, 10%)) !important;
}
body.dark .mulakat-seo-grid span {
    background: linear-gradient(135deg,hsl(198, 45%, 11%),hsl(47, 45%, 12%)) !important;
}
body.dark .mulakat-final-cta a {
    background: linear-gradient(135deg,hsl(44, 45%, 20%),hsl(21, 45%, 20%)) !important;
}
body.dark #profileCardModal .profile-card-custom {
    background-color: #16242c !important;
}
body.dark #profileCardModal .pc-identity-cover {
    background: radial-gradient(circle at 84% 8%,rgba(22, 36, 44, 0.22),transparent 25%),
		radial-gradient(circle at 15% 100%,hsla(43, 45%, 20%, 0.2),transparent 30%),
		repeating-linear-gradient(135deg,rgba(22, 36, 44, 0.025) 0 1px,transparent 1px 14px),
		linear-gradient(125deg,var(--pc-navy),var(--pc-blue) 58%,var(--pc-mint)) !important;
}
body.dark #profileCardModal .pc-brand-icon {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark #profileCardModal .pc-vip-badge {
    background-color: hsla(43, 45%, 20%, 0.15) !important;
}
body.dark #profileCardModal .pc-avatar {
    background-color: #16242c !important;
}
body.dark #profileCardModal .pc-section-title strong {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-main-stat i {
    background-color: hsl(191, 28%, 12%) !important;
}
body.dark #profileCardModal .pc-main-stat strong {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-duel-box {
    background-color: #16242c !important;
}
body.dark #profileCardModal #pc-limited {
    background-color: hsl(190, 27%, 11%) !important;
}
body.dark #profileCardModal #pc-limited {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-social-title strong {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-social-btn.is-friend {
    background: linear-gradient(135deg,#4fc497,hsl(161, 27%, 20%)) !important;
}
body.dark #profileCardModal .pc-social-btn.is-message {
    background-color: hsl(195, 30%, 11%) !important;
}
body.dark #profileCardModal .pc-social-btn.is-message {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-social-btn.is-duel {
    background-color: hsl(38, 45%, 11%) !important;
}
body.dark #profileCardModal .pc-profile-btn,
body.dark #profileCardModal .pc-profile-btn {
    background-color: #16242c !important;
}
body.dark #profileCardModal .pc-profile-btn,
body.dark #profileCardModal .pc-profile-btn {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-profile-btn {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark #profileCardModal .pc-social-btn.is-duel {
    background-color: hsl(39, 45%, 12%) !important;
}
body.dark #profileCardModal .pc-social-btn.is-duel {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-profile-btn {
    background-color: hsl(197, 26%, 11%) !important;
}
body.dark #profileCardModal .pc-profile-btn {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-profile-btn:hover {
    background-color: hsl(193, 28%, 12%) !important;
}
body.dark #profileCardModal .pc-profile-btn:hover {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-rank-badge.is-vip {
    background-color: hsl(42, 45%, 11%) !important;
}
body.dark #profileCardModal .pc-rank-badge.is-vip {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-rank-badge.is-rank {
    background-color: hsl(200, 28%, 11%) !important;
}
body.dark #profileCardModal .pc-rank-badge.is-rank {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-rank-badge b {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-match-badge {
    background-color: hsl(197, 30%, 11%) !important;
}
body.dark #profileCardModal .pc-match-badge {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-close {
    background-color: rgba(22, 36, 44, 0.92) !important;
}
body.dark #profileCardModal .pc-close {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-close:hover {
    background-color: #16242c !important;
}
body.dark #profileCardModal .pc-status-line {
    background-color: hsl(156, 25%, 11%) !important;
}
body.dark #profileCardModal .pc-score>i {
    background-color: hsl(44, 45%, 13%) !important;
}
body.dark #profileCardModal .pc-score-copy strong {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-score-copy small {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-personal-meta span {
    background-color: hsl(192, 25%, 11%) !important;
}
body.dark #profileCardModal .pc-personal-meta span {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-about-line {
    background-color: hsl(192, 25%, 11%) !important;
}
body.dark #profileCardModal .pc-about-line {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-user-rank {
    background-color: hsl(42, 45%, 11%) !important;
}
body.dark #profileCardModal .pc-user-rank {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-main-stat.is-points i {
    background-color: hsl(44, 45%, 13%) !important;
}
body.dark #profileCardModal .pc-main-stat.is-points strong {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-main-stat.is-points span {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-main-stat.is-ranking i {
    background-color: hsl(208, 39%, 11%) !important;
}
body.dark #profileCardModal .pc-main-stat.is-ranking i {
    color: #c8d3dc !important;
}
body.dark #profileCardModal .pc-main-stat.is-clan i {
    background-color: hsl(157, 25%, 12%) !important;
}
body.dark .main-container,
body.dark .main-content,
body.dark .content-wrapper,
body.dark .page-content {
    background-color: hsl(204, 31%, 10%) !important;
}
body.dark .sohbet-avatar-ikon {
    background-color: hsl(198, 25%, 12%) !important;
}
body.dark .grup-avatar {
    background-color: rgba(22, 36, 44, 0.15) !important;
}
body.dark .chat-sil {
    color: #c8d3dc !important;
}
body.dark .sohbet-emoji:hover {
    background-color: hsl(226, 45%, 11%) !important;
}
body.dark .sohbet-yanit-kapat {
    color: #c8d3dc !important;
}
body.dark .chat-msg.me .chat-alinti {
    background-color: rgba(22, 36, 44, 0.22) !important;
}
body.dark .takim-rozet {
    background-color: hsl(46, 45%, 13%) !important;
}
body.dark .takim-rozet {
    color: #c8d3dc !important;
}
/* ---------------- SON KALEMLER (üreteç kapsamı dışındakiler)
   Satır içi style ya da yarı saydam beyaz zeminler; ölçümde kalan son
   bulgular. */
body.dark .program-back,
body.dark .action-icon {
    background-color: rgba(255, 255, 255, .06) !important;
    color: #cbe6ef !important;
    border-color: #2a3f4c !important;
}
body.dark .matchdesc,
body.dark .matchdesc.flexColum {
    background-color: #16242c !important;
    color: #c8d3dc !important;
}
body.dark .duello-page li[style*="background"],
body.dark li[style*="#f1f1f1"] {
    background-color: #16242c !important;
}
body.dark .blog-detail-side-icon,
body.dark span.blog-detail-side-icon {
    color: #9fd8e6 !important;
}
body.dark .btn-link {
    color: #7fd3e6 !important;
}

/* =========================================================================
   SON RAPOR DÜZELTMELERİ (üç ölçümlü tarama sonrası)
   ========================================================================= */

/* DÜĞMELER — dosyanın en başındaki eski kural `body.dark .btn`i #6c757d
   (sönük gri) yapıyor; bu, RENKLİ düğmelerin (danger/success/primary) beyaz
   yazısını da eziyordu: kırmızı zeminde gri yazı okunmuyordu. */
body.dark .btn {
    color: #c8d3dc;
}
body.dark .btn-primary,
body.dark .btn-danger,
body.dark .btn-success,
body.dark .btn-warning,
body.dark .btn-info,
body.dark .btn-secondary,
body.dark .btn-dark {
    color: #ffffff !important;
}
body.dark .btn-outline-secondary,
body.dark .btn-outline-dark,
body.dark .btn-outline-info {
    color: #cbe6ef !important;
    border-color: #2f5665 !important;
}
body.dark .btn-light {
    background-color: #22343f !important;
    color: #c8d3dc !important;
    border-color: #2a3f4c !important;
}

/* ROZETLER — sönük gri yazı koyu zeminde okunmuyordu. */
body.dark .badge {
    color: #dbe6ee;
}
body.dark .badge.badge-light,
body.dark .badge-secondary {
    background-color: #22343f !important;
    color: #cbe6ef !important;
}

/* TARİH SEÇİCİ (air-datepicker) — kendi CSS dosyası üretece dâhil değildi;
   sınav tarih aralığı seçiminde beyaz takvim açılıyordu. */
body.dark .datepicker,
body.dark .datepickers-container .datepicker,
body.dark .datepicker--nav,
body.dark .datepicker--content,
body.dark .datepicker--pointer {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .datepicker--nav-title,
body.dark .datepicker--nav-action,
body.dark .datepicker--cell,
body.dark .datepicker--day-name {
    color: #c8d3dc !important;
}
body.dark .datepicker--day-name {
    color: #8ba1b0 !important;
}
body.dark .datepicker--cell.-current- {
    color: #7fd3e6 !important;
}
body.dark .datepicker--cell.-selected-,
body.dark .datepicker--cell.-selected-.-current- {
    background-color: #1d6d9c !important;
    color: #ffffff !important;
}
body.dark .datepicker--cell.-focus- {
    background-color: #1d3540 !important;
}
body.dark .datepicker--cell.-disabled- {
    color: #5b6f7c !important;
}

/* Select2'nin SEÇİLİ METNİ — kutuyu koyulaştırmıştık ama içindeki yazı
   kendi kuralıyla koyu lacivert kalıyordu (kelime/metin seçicilerinde). */
body.dark .select2-container--default .select2-selection__rendered,
body.dark .select2-selection__rendered,
body.dark .select2-selection__placeholder {
    color: #c8d3dc !important;
}
body.dark .select2-selection__arrow b {
    border-top-color: #8ba1b0 !important;
}

/* Klavye dersleri: yazım alanı ve skor kutusu */
body.dark #qklavyemetni,
body.dark #fklavyemetni,
body.dark .vsBox,
body.dark .aa.rounded {
    background-color: #16242c !important;
    color: #c8d3dc !important;
    border-color: #22343f !important;
}
body.dark .ohataorani,
body.dark .ssure,
body.dark #me-name {
    color: #c8d3dc !important;
}

/* VIP program detay sayfasının kendi kartları */
body.dark .program-run-strip,
body.dark .action-card,
body.dark .section-banner,
body.dark .program-side-card,
body.dark .info-item,
body.dark .run-strip-icon,
body.dark .summary-chip,
body.dark .run-meta-chip {
    background-color: #16242c !important;
    border-color: #22343f !important;
    color: #c8d3dc !important;
}
body.dark .run-strip-title,
body.dark .section-kicker,
body.dark .info-item strong {
    color: #dbe6ee !important;
}
body.dark .vip-btn-blue,
body.dark .vip-btn-green {
    color: #ffffff !important;
}

/* Rozet tonu biraz daha açık (ölçümde 2.15'te kalıyordu) */
body.dark .badge {
    color: #e3ecf3;
}

/* Son tarama kalanları */
body.dark span[id^="select2-"],
body.dark .select2-selection__rendered * {
    color: #c8d3dc !important;
}
body.dark #fklavye,
body.dark #qklavye,
body.dark .keyboard {
    background-color: #16242c !important;
}
body.dark .eg-katil-serit {
    background: linear-gradient(135deg, #1d5f78 0%, #12303f 100%) !important;
    color: #e3ecf3 !important;
}
body.dark .alert-danger {
    background-color: #2a1a1a !important;
    border-color: #6b3535 !important;
    color: #f0b4b4 !important;
}
body.dark .alert-danger strong { color: #ffd2d2 !important; }
body.dark .wizard > .steps .current a,
body.dark .wizard > .steps a .title,
body.dark .steps .title {
    color: #dbe6ee !important;
}
body.dark table td,
body.dark table th {
    color: #c8d3dc;
}

/* Select2: kaynak kural 3 seviyeli (.select2-container--default
   .select2-selection--single .select2-selection__rendered) — daha kısa
   seçicilerle ezilemiyordu. */
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.dark .select2-container .select2-selection .select2-selection__rendered {
    color: #c8d3dc !important;
}

/* duello.css bu metni 5 seviyeli seçiciyle boyuyor
   (.klavye-calisma-page .kc-field .select2-container--default …) — aynı
   derinlikte yazmak gerekiyor. */
body.dark .klavye-calisma-page .kc-field .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark .kc-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c8d3dc !important;
}

/* ---------------- SON TARAMA: KALAN GERÇEK BULGULAR ---------------- */

/* Rozet: 12 sayfada 2.28 oranıyla sınırda kalıyordu. */
body.dark .badge {
    color: #eef4f8;
}

/* Bootstrap'in yarı saydam siyah metni gece modunda okunmuyor. */
body.dark .text-black-50 {
    color: #8ba1b0 !important;
}

/* "SINAV SONA ERDİ!" / "Ders Sona Erdi!" gibi kırmızı uyarılar: koyu zeminde
   koyu kırmızı sönük kalıyordu, tonu açıldı. */
body.dark .p-0.col,
body.dark .p-0.col-auto {
    color: #ff8080;
}

/* Ekran klavyesi: kimlik seçicisi gerekiyordu (sınıf yetmedi). */
body.dark div#fklavye,
body.dark div#qklavye,
body.dark div#fklavye.keyboard,
body.dark div#qklavye.keyboard {
    background-color: #16242c !important;
}

/* Eğitim modülünde kalan tekiller */
body.dark .eg-calisma-sayac,
body.dark .eg-kpi-deger {
    color: #dbe6ee !important;
}
body.dark .eg-sinif-not,
body.dark .eg-kurulum-giris {
    color: #a9bcc8 !important;
}

/* Sihirbaz adım başlığı */
body.dark .wizard > .steps .current a .title,
body.dark h5.title.current {
    color: #dbe6ee !important;
}

/* Takvim hücresi (kalan tek örnek) */
body.dark .datepicker--cell-day {
    color: #c8d3dc !important;
}