/*
 * RocketLaunch.Live — Dark Mode
 * Applied when html[data-theme="dark"], or system prefers dark when html[data-theme="auto"]
 */

/* ─── Mixins via custom properties ─── */
html[data-theme="dark"] {
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        color-scheme: dark;
    }
}

/* ─── Body & base text ─── */
html[data-theme="dark"] body {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] a {
    color: #60a5fa;
}
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
    color: #93c5fd;
}
html[data-theme="dark"] hr {
    border-color: #334155;
}

/* ─── Launch table / main content cards ─── */
html[data-theme="dark"] div.launch_table {
    background-color: #1e293b !important;
    border-color: #334155;
}
html[data-theme="dark"] div.launch_table div.header {
    border-color: #334155;
}
html[data-theme="dark"] div.container div.title {
    background-color: #1e293b !important;
    border-color: #334155;
}
html[data-theme="dark"] div.row.launch {
    background-color: #1e293b !important;
    border-color: #334155;
}
html[data-theme="dark"] div.row.header {
    background-color: #243044 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] div.launchloop > div.row.launch:nth-of-type(even) {
    background-color: #243044 !important;
}

/* ─── Launch date & links ─── */
html[data-theme="dark"] div.launch_date {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] div.launch_date a {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] div.columns.launch_desc_and_links a.mission_details_link {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] div.launch_sub,
html[data-theme="dark"] div.rlt-provider,
html[data-theme="dark"] div.rlt-vehicle,
html[data-theme="dark"] div.rlt-location,
html[data-theme="dark"] div.mission_name,
html[data-theme="dark"] div.launch_update {
    color: #e2e8f0 !important;
}

/* ─── Top nav bar ─── */
html[data-theme="dark"] div.top-bar-container {
    background-color: #1e293b !important;
}
html[data-theme="dark"] nav.top-bar {
    border-color: #334155;
}
html[data-theme="dark"] nav.top-bar,
html[data-theme="dark"] nav.top-bar ul.title-area {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] nav.top-bar ul.title-area a {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] section.top-bar-section a {
    color: #e2e8f0 !important;
}
html[data-theme="dark"] section.top-bar-section ul li:hover:not(.has-form) > a,
html[data-theme="dark"] section.top-bar-section ul li:hover:not(.has-form) {
    background-color: #243044 !important;
}
html[data-theme="dark"] nav.top-bar.expanded section.top-bar-section ul li {
    border-color: #334155;
}

/* ─── User info bar ─── */
html[data-theme="dark"] div#user_info {
    background-color: #243044 !important;
    border-color: #334155 !important;
}
html[data-theme="dark"] div#user_info a {
    color: #60a5fa;
}

/* ─── Footer ─── */
html[data-theme="dark"] footer {
    background-color: #1e293b;
    border-color: #334155;
    color: #94a3b8;
}

/* ─── Page content areas ─── */
html[data-theme="dark"] div.page-content {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
html[data-theme="dark"] div.row.content {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0;
}

/* ─── News / articles ─── */
html[data-theme="dark"] a.news-article-link {
    color: #60a5fa;
}
html[data-theme="dark"] a.news-article-link:hover {
    color: #93c5fd;
}
html[data-theme="dark"] a.news-article-link h4 {
    color: #e2e8f0;
}
html[data-theme="dark"] div.page-subtitle {
    background-color: #1e293b;
    border-color: #334155;
}
html[data-theme="dark"] h1.page-header {
    border-color: #334155;
}
html[data-theme="dark"] div.row.content.error_content {
    background-color: #1e293b;
    border-color: #334155;
}

/* ─── Foundation tabs ─── */
html[data-theme="dark"] .tabs .tab-title > a,
html[data-theme="dark"] .tabs dd > a {
    background-color: #243044;
    color: #e2e8f0;
}
html[data-theme="dark"] .tabs .tab-title > a:hover,
html[data-theme="dark"] .tabs dd > a:hover {
    background-color: #2d3f5f;
    color: #e2e8f0;
}
html[data-theme="dark"] .tabs .tab-title.active > a,
html[data-theme="dark"] .tabs dd.active > a {
    background-color: #1e293b;
    color: #e2e8f0;
}
html[data-theme="dark"] .tabs-content {
    background-color: #1e293b;
    border-color: #334155;
}
html[data-theme="dark"] .tabs-content .content {
    background-color: #1e293b;
}

/* ─── Foundation panels / accordion ─── */
html[data-theme="dark"] .panel {
    background: #243044;
    border-color: #334155;
    color: #e2e8f0;
}
html[data-theme="dark"] .accordion .accordion-navigation > .content.active,
html[data-theme="dark"] .accordion dd > .content.active {
    background: #1e293b;
}

/* ─── Foundation reveal modal ─── */
html[data-theme="dark"] .reveal-modal {
    background-color: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}

/* ─── DataTables ─── */
html[data-theme="dark"] table.dataTable tbody tr {
    background-color: #1e293b;
}
html[data-theme="dark"] table.dataTable tbody tr.odd {
    background-color: #1e293b;
}
html[data-theme="dark"] table.dataTable tbody tr.even {
    background-color: #243044;
}
html[data-theme="dark"] table.dataTable tbody tr:hover,
html[data-theme="dark"] table.dataTable tbody tr.odd:hover,
html[data-theme="dark"] table.dataTable tbody tr.even:hover {
    background-color: #2d3f5f !important;
}
html[data-theme="dark"] table.dataTable thead tr,
html[data-theme="dark"] table.dataTable tfoot tr {
    background-color: #243044;
}
html[data-theme="dark"] table.dataTable thead th,
html[data-theme="dark"] table.dataTable thead td,
html[data-theme="dark"] table.dataTable tfoot th,
html[data-theme="dark"] table.dataTable tfoot td {
    background-color: #243044;
    color: #e2e8f0;
    border-color: #334155;
}
html[data-theme="dark"] table.dataTable tbody td {
    color: #e2e8f0;
    border-color: #334155;
}
/* DataTables rowgroup */
html[data-theme="dark"] table.dataTable tr.dtrg-group td {
    background-color: #243044 !important;
    color: #e2e8f0;
}
html[data-theme="dark"] table.dataTable tr.dtrg-group.dtrg-level-1 td,
html[data-theme="dark"] table.dataTable tr.dtrg-group.dtrg-level-2 td {
    background-color: #1e293b !important;
}
/* DataTables sorting highlight */
html[data-theme="dark"] table.dataTable tbody tr td.sorting_1,
html[data-theme="dark"] table.dataTable tbody tr.odd td.sorting_1 {
    background-color: #1a2744 !important;
}
html[data-theme="dark"] table.dataTable tbody tr.even td.sorting_1 {
    background-color: #1f3155 !important;
}

/* ─── Hamburger menu ─── */
html[data-theme="dark"] .top-bar .toggle-topbar.menu-icon a span::after {
    box-shadow: 0 0 0 1px #e2e8f0, 0 7px 0 1px #e2e8f0, 0 14px 0 1px #e2e8f0 !important;
    -webkit-box-shadow: 0 0 0 1px #e2e8f0, 0 7px 0 1px #e2e8f0, 0 14px 0 1px #e2e8f0 !important;
}

/* ─── Next/recent launch boxes ─── */
html[data-theme="dark"] div.row.nextlaunch {
    border-color: #334155;
}
html[data-theme="dark"] div.top-header-box {
    border-color: #334155;
}
html[data-theme="dark"] #upcoming_launches_header {
    border-color: #334155;
}

/* ─── Filter box ─── */
html[data-theme="dark"] #filter-box {
    border-color: #334155;
}

/* ─── Forms & inputs ─── */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #1e293b;
    border-color: #4b5563;
    color: #e2e8f0;
}
html[data-theme="dark"] input[type="text"]:focus,
html[data-theme="dark"] input[type="email"]:focus,
html[data-theme="dark"] input[type="password"]:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: #60a5fa;
    outline: none;
}
html[data-theme="dark"] label {
    color: #e2e8f0;
}

/* ─── Buttons ─── */
html[data-theme="dark"] button,
html[data-theme="dark"] .button {
    background-color: #1e40af;
    color: #e2e8f0;
    border-color: #1e40af;
}
html[data-theme="dark"] button:hover,
html[data-theme="dark"] .button:hover {
    background-color: #2563eb;
}

/* ─── Tables ─── */
html[data-theme="dark"] table {
    background-color: #1e293b;
    color: #e2e8f0;
    border-color: #334155;
}
html[data-theme="dark"] table th,
html[data-theme="dark"] table td {
    color: #e2e8f0;
    border-color: #334155;
}
html[data-theme="dark"] table thead,
html[data-theme="dark"] table tfoot {
    background-color: #243044;
}
html[data-theme="dark"] table thead th,
html[data-theme="dark"] table tfoot th {
    background-color: #243044;
    color: #e2e8f0;
}
html[data-theme="dark"] table tr {
    background-color: #1e293b;
}
html[data-theme="dark"] table tr.even,
html[data-theme="dark"] table tr.alt,
html[data-theme="dark"] table tr:nth-of-type(even) {
    background-color: #243044;
}

/* ─── Rktadmin ─── */
html[data-theme="dark"] div.rktadmin.launchloop {
    background-color: #1e293b;
}
html[data-theme="dark"] div.rktadmin.launchloop a {
    color: #e2e8f0;
}
html[data-theme="dark"] div.rktadmin.launchloop div.row.launch:nth-of-type(even) {
    background-color: #243044;
}
html[data-theme="dark"] div.rktadmin.launchloop {
    border-color: #334155;
}
html[data-theme="dark"] div.rktadmin.launchloop div.launch.header {
    border-color: #334155;
}
html[data-theme="dark"] div.rktadmin.launchloop div.launch:hover {
    background-color: #2d3f5f;
}

/* ─── Flash messages (keep readable) ─── */
html[data-theme="dark"] div.message.success {
    color: #86efac;
    background-color: #14532d;
    border-color: #166534;
}
html[data-theme="dark"] div.message.error {
    color: #fca5a5;
    background-color: #7f1d1d;
    border-color: #991b1b;
}
html[data-theme="dark"] div.message.warning {
    color: #fde68a;
    background-color: #78350f;
    border-color: #92400e;
}

/* ─── Foundation alerts / callouts ─── */
html[data-theme="dark"] .alert-box,
html[data-theme="dark"] .callout {
    background-color: #243044;
    border-color: #334155;
    color: #e2e8f0;
}

/* ─── Tabs ─── */
html[data-theme="dark"] .tab-title a {
    border-color: #334155;
    color: #60a5fa;
}
html[data-theme="dark"] dd.active a,
html[data-theme="dark"] li.active a {
    background-color: #243044;
}

/* ─── Offline indicator (keep visible) ─── */
html[data-theme="dark"] #offline-indicator {
    background-color: #92400e;
    color: #fde68a;
}

/* ─── Home page elements with class-based backgrounds ─── */
html[data-theme="dark"] .launches-schedule-header {
    background-color: #1e293b;
}
html[data-theme="dark"] .launches-schedule-header h1 {
    border-color: #334155 !important;
    color: #e2e8f0;
}
html[data-theme="dark"] div.launch-schedule-heading {
    background-color: #1e293b !important;
}
html[data-theme="dark"] div.launch-schedule-heading h1 {
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] #filter-link img {
    filter: invert(1) opacity(0.8);
}

/* ─── Settings page theme picker ─── */
html[data-theme="dark"] .rlt-theme-btn {
    background: #243044 !important;
    border-color: #4b5563 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .rlt-theme-btn.rlt-theme-active {
    border-color: #60a5fa !important;
    background: #1e3a6e !important;
    color: #93c5fd !important;
}
html[data-theme="dark"] .rlt-theme-desc {
    color: #94a3b8 !important;
}
html[data-theme="dark"] #specialevent-box {
    background-color: #1e293b !important;
}
html[data-theme="dark"] #specialevent-box > div {
    background-color: #1e293b !important;
}
html[data-theme="dark"] #starred-feed-link {
    background-color: #243044 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ─── Repeat all rules for prefers-color-scheme: dark + auto ─── */
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] body {
        background-color: #0f172a !important;
        color: #e2e8f0 !important;
    }
    html[data-theme="auto"] h1,
    html[data-theme="auto"] h2,
    html[data-theme="auto"] h3,
    html[data-theme="auto"] h4,
    html[data-theme="auto"] h5,
    html[data-theme="auto"] h6 {
        color: #e2e8f0 !important;
    }
    html[data-theme="auto"] a { color: #60a5fa; }
    html[data-theme="auto"] a:hover,
    html[data-theme="auto"] a:focus { color: #93c5fd; }
    html[data-theme="auto"] hr { border-color: #334155; }

    html[data-theme="auto"] div.launch_table { background-color: #1e293b !important; border-color: #334155; }
    html[data-theme="auto"] div.launch_table div.header { border-color: #334155; }
    html[data-theme="auto"] div.container div.title { background-color: #1e293b !important; border-color: #334155; }
    html[data-theme="auto"] div.row.launch { background-color: #1e293b !important; border-color: #334155; }
    html[data-theme="auto"] div.row.header { background-color: #243044 !important; color: #e2e8f0 !important; }
    html[data-theme="auto"] div.launchloop > div.row.launch:nth-of-type(even) { background-color: #243044 !important; }

    html[data-theme="auto"] div.launch_date { color: #e2e8f0 !important; }
    html[data-theme="auto"] div.launch_date a { color: #e2e8f0 !important; }
    html[data-theme="auto"] div.columns.launch_desc_and_links a.mission_details_link { color: #e2e8f0 !important; }
    html[data-theme="auto"] div.launch_sub,
    html[data-theme="auto"] div.rlt-provider,
    html[data-theme="auto"] div.rlt-vehicle,
    html[data-theme="auto"] div.rlt-location,
    html[data-theme="auto"] div.mission_name,
    html[data-theme="auto"] div.launch_update { color: #e2e8f0 !important; }

    html[data-theme="auto"] div.top-bar-container { background-color: #1e293b !important; }
    html[data-theme="auto"] nav.top-bar { border-color: #334155; }
    html[data-theme="auto"] nav.top-bar,
    html[data-theme="auto"] nav.top-bar ul.title-area { color: #e2e8f0 !important; }
    html[data-theme="auto"] nav.top-bar ul.title-area a { color: #e2e8f0 !important; }
    html[data-theme="auto"] section.top-bar-section a { color: #e2e8f0 !important; }
    html[data-theme="auto"] section.top-bar-section ul li:hover:not(.has-form) > a,
    html[data-theme="auto"] section.top-bar-section ul li:hover:not(.has-form) { background-color: #243044 !important; }
    html[data-theme="auto"] nav.top-bar.expanded section.top-bar-section ul li { border-color: #334155; }

    html[data-theme="auto"] div#user_info { background-color: #243044 !important; border-color: #334155 !important; }
    html[data-theme="auto"] div#user_info a { color: #60a5fa; }

    html[data-theme="auto"] footer { background-color: #1e293b; border-color: #334155; color: #94a3b8; }

    html[data-theme="auto"] .top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #e2e8f0, 0 7px 0 1px #e2e8f0, 0 14px 0 1px #e2e8f0 !important; -webkit-box-shadow: 0 0 0 1px #e2e8f0, 0 7px 0 1px #e2e8f0, 0 14px 0 1px #e2e8f0 !important; }
    html[data-theme="auto"] div.page-content { background-color: #1e293b !important; border-color: #334155 !important; }
    html[data-theme="auto"] div.row.content { background-color: #1e293b !important; border-color: #334155 !important; color: #e2e8f0; }
    html[data-theme="auto"] a.news-article-link { color: #60a5fa; }
    html[data-theme="auto"] a.news-article-link:hover { color: #93c5fd; }
    html[data-theme="auto"] a.news-article-link h4 { color: #e2e8f0; }
    html[data-theme="auto"] div.page-subtitle { background-color: #1e293b; border-color: #334155; }
    html[data-theme="auto"] h1.page-header { border-color: #334155; }
    html[data-theme="auto"] div.row.content.error_content { background-color: #1e293b; border-color: #334155; }

    html[data-theme="auto"] .tabs .tab-title > a, html[data-theme="auto"] .tabs dd > a { background-color: #243044; color: #e2e8f0; }
    html[data-theme="auto"] .tabs .tab-title > a:hover, html[data-theme="auto"] .tabs dd > a:hover { background-color: #2d3f5f; color: #e2e8f0; }
    html[data-theme="auto"] .tabs .tab-title.active > a, html[data-theme="auto"] .tabs dd.active > a { background-color: #1e293b; color: #e2e8f0; }
    html[data-theme="auto"] .tabs-content { background-color: #1e293b; border-color: #334155; }
    html[data-theme="auto"] .tabs-content .content { background-color: #1e293b; }
    html[data-theme="auto"] .panel { background: #243044; border-color: #334155; color: #e2e8f0; }
    html[data-theme="auto"] .accordion .accordion-navigation > .content.active, html[data-theme="auto"] .accordion dd > .content.active { background: #1e293b; }
    html[data-theme="auto"] .reveal-modal { background-color: #1e293b; border-color: #334155; color: #e2e8f0; }

    html[data-theme="auto"] table.dataTable tbody tr { background-color: #1e293b; }
    html[data-theme="auto"] table.dataTable tbody tr.odd { background-color: #1e293b; }
    html[data-theme="auto"] table.dataTable tbody tr.even { background-color: #243044; }
    html[data-theme="auto"] table.dataTable tbody tr:hover, html[data-theme="auto"] table.dataTable tbody tr.odd:hover, html[data-theme="auto"] table.dataTable tbody tr.even:hover { background-color: #2d3f5f !important; }
    html[data-theme="auto"] table.dataTable thead tr, html[data-theme="auto"] table.dataTable tfoot tr { background-color: #243044; }
    html[data-theme="auto"] table.dataTable thead th, html[data-theme="auto"] table.dataTable thead td, html[data-theme="auto"] table.dataTable tfoot th, html[data-theme="auto"] table.dataTable tfoot td { background-color: #243044; color: #e2e8f0; border-color: #334155; }
    html[data-theme="auto"] table.dataTable tbody td { color: #e2e8f0; border-color: #334155; }
    html[data-theme="auto"] table.dataTable tr.dtrg-group td { background-color: #243044 !important; color: #e2e8f0; }
    html[data-theme="auto"] table.dataTable tr.dtrg-group.dtrg-level-1 td, html[data-theme="auto"] table.dataTable tr.dtrg-group.dtrg-level-2 td { background-color: #1e293b !important; }
    html[data-theme="auto"] table.dataTable tbody tr td.sorting_1, html[data-theme="auto"] table.dataTable tbody tr.odd td.sorting_1 { background-color: #1a2744 !important; }
    html[data-theme="auto"] table.dataTable tbody tr.even td.sorting_1 { background-color: #1f3155 !important; }

    html[data-theme="auto"] div.row.nextlaunch { border-color: #334155; }
    html[data-theme="auto"] div.top-header-box { border-color: #334155; }
    html[data-theme="auto"] #upcoming_launches_header { border-color: #334155; }
    html[data-theme="auto"] #filter-box { border-color: #334155; }

    html[data-theme="auto"] input[type="text"],
    html[data-theme="auto"] input[type="email"],
    html[data-theme="auto"] input[type="password"],
    html[data-theme="auto"] input[type="number"],
    html[data-theme="auto"] input[type="search"],
    html[data-theme="auto"] textarea,
    html[data-theme="auto"] select {
        background-color: #1e293b;
        border-color: #4b5563;
        color: #e2e8f0;
    }
    html[data-theme="auto"] label { color: #e2e8f0; }

    html[data-theme="auto"] button,
    html[data-theme="auto"] .button { background-color: #1e40af; color: #e2e8f0; border-color: #1e40af; }
    html[data-theme="auto"] button:hover,
    html[data-theme="auto"] .button:hover { background-color: #2563eb; }

    html[data-theme="auto"] table { background-color: #1e293b; color: #e2e8f0; border-color: #334155; }
    html[data-theme="auto"] table th,
    html[data-theme="auto"] table td { color: #e2e8f0; border-color: #334155; }
    html[data-theme="auto"] table thead,
    html[data-theme="auto"] table tfoot { background-color: #243044; }
    html[data-theme="auto"] table thead th,
    html[data-theme="auto"] table tfoot th { background-color: #243044; color: #e2e8f0; }
    html[data-theme="auto"] table tr { background-color: #1e293b; }
    html[data-theme="auto"] table tr.even,
    html[data-theme="auto"] table tr.alt,
    html[data-theme="auto"] table tr:nth-of-type(even) { background-color: #243044; }

    html[data-theme="auto"] div.rktadmin.launchloop { background-color: #1e293b; }
    html[data-theme="auto"] div.rktadmin.launchloop a { color: #e2e8f0; }
    html[data-theme="auto"] div.rktadmin.launchloop div.row.launch:nth-of-type(even) { background-color: #243044; }
    html[data-theme="auto"] div.rktadmin.launchloop { border-color: #334155; }
    html[data-theme="auto"] div.rktadmin.launchloop div.launch.header { border-color: #334155; }
    html[data-theme="auto"] div.rktadmin.launchloop div.launch:hover { background-color: #2d3f5f; }

    html[data-theme="auto"] div.message.success { color: #86efac; background-color: #14532d; border-color: #166534; }
    html[data-theme="auto"] div.message.error { color: #fca5a5; background-color: #7f1d1d; border-color: #991b1b; }
    html[data-theme="auto"] div.message.warning { color: #fde68a; background-color: #78350f; border-color: #92400e; }

    html[data-theme="auto"] .alert-box,
    html[data-theme="auto"] .callout { background-color: #243044; border-color: #334155; color: #e2e8f0; }

    html[data-theme="auto"] .tab-title a { border-color: #334155; color: #60a5fa; }
    html[data-theme="auto"] dd.active a,
    html[data-theme="auto"] li.active a { background-color: #243044; }

    html[data-theme="auto"] .launches-schedule-header { background-color: #1e293b; }
    html[data-theme="auto"] .launches-schedule-header h1 { border-color: #334155 !important; color: #e2e8f0; }
    html[data-theme="auto"] div.launch-schedule-heading { background-color: #1e293b !important; }
    html[data-theme="auto"] div.launch-schedule-heading h1 { border-color: #334155 !important; color: #e2e8f0 !important; }
    html[data-theme="auto"] #filter-link img { filter: invert(1) opacity(0.8); }
    html[data-theme="auto"] .rlt-theme-btn { background: #243044 !important; border-color: #4b5563 !important; color: #e2e8f0 !important; }
    html[data-theme="auto"] .rlt-theme-btn.rlt-theme-active { border-color: #60a5fa !important; background: #1e3a6e !important; color: #93c5fd !important; }
    html[data-theme="auto"] .rlt-theme-desc { color: #94a3b8 !important; }
    html[data-theme="auto"] #specialevent-box { background-color: #1e293b !important; }
    html[data-theme="auto"] #specialevent-box > div { background-color: #1e293b !important; }
    html[data-theme="auto"] #starred-feed-link { background-color: #243044 !important; border-color: #334155 !important; color: #e2e8f0 !important; }
}