/* Shared dark theme, loaded after the original Healthchecks styles. */
:root { color-scheme: dark; --bg: #000000; --surface: #000000; --hover: #101010; --border: #333333; --text: #ffffff; --muted: #bfbfbf; --link: #83c9ff; }
html, body { background: var(--bg); color: var(--text); }
h1, h2, h3, h4, h5, h6, legend { color: var(--text); }
a, .btn-link, button.copy-link { color: var(--link); }
a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: #c2e5ff; }
.navbar-default, .footer, .index-bleed, .hc-dialog, .modal-content,
.panel, .well, .jumbotron, .dropdown-menu, .popover, .list-group-item,
.get-started-bleed, .footer-jumbo-bleed { background: var(--surface); color: var(--text); border-color: var(--border); }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand,
.navbar-default .navbar-text, .navbar-default .navbar-link, .dropdown-menu > li > a,
.nav-pills > li > a, .nav-tabs > li > a { color: var(--text); }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: var(--hover); color: #fff; border-color: var(--border);
}
.navbar-default .navbar-toggle { border-color: var(--border); }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: var(--hover); }
.navbar-default .navbar-toggle .icon-bar { background: var(--text); }
.navbar-default .navbar-collapse, .nav-tabs, .modal-header, .modal-footer,
.panel-heading, .panel-footer, .popover-title, hr, legend, h2.rule,
.page-welcome .tab-content, .page-welcome .highlight:nth-child(n+2),
#show-usage-modal .highlight:nth-child(n+2), #welcome-integrations .integration { border-color: var(--border); }
.panel-default > .panel-heading, .panel-footer, .popover-title,
.panel-pricing .panel-body, .channel-checks-table .check-all-cell,
.bootstrap-select .no-results, #debug-warning { background: var(--hover); color: var(--text); }
.form-control, .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control,
#pitch-url-input, .input-group-addon, .btn-default, #my-checks-tags .up,
.channel-checks-table .check-all-cell .cbx-container {
    background: var(--bg); color: var(--text); border-color: var(--border);
}
.form-control::placeholder { color: var(--muted); opacity: 1; }
.form-control:focus { border-color: var(--link); box-shadow: 0 0 0 2px rgba(131,201,255,.2); }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
.open > .dropdown-toggle.btn-default, #my-checks-tags .checked { background: var(--hover); color: #fff; border-color: var(--link); }
.btn-primary, .btn-success, .nav-pills > li.active > a { background: #196940; color: #fff; border-color: #39865a; }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { background: #205837; color: #fff; border-color: #75d59a; }
.close, .close:hover, .close:focus { color: #fff; text-shadow: none; opacity: .85; }
.text-muted, .help-block, .description, .preposition, .checks-subline, .url-cell .base,
.my-checks-name.unnamed, .channels-table .unnamed, .channel-details .missing,
.channel-checks-table .unnamed, .edit-name .channel-details-mini, .add-check-note,
.update-timeout-terms, #details-schedule .subtitle, #link-instruction, #login-signup-cta,
#login-signup-cta a, #log .details span.ua-body, .table.badges th, span.loading,
.billing-empty, .mo, h1 small, h2 small, h3 small, h4 small, .dropdown-header,
.panel-pricing .list-group-item, #cron-preview-table tr td:nth-child(3) { color: var(--muted); }
#checks-table a.default, .my-checks-url, #project-selector a, #log td,
.channel-details-mini span, .edit-checks, .edit-checks:hover, a.section, .desc,
#change-billing-plan-modal .plan h3 small { color: var(--text); }
.table > thead > tr > th, .table > tbody > tr > th, .table > tbody > tr > td,
.table > tfoot > tr > td, #checks-table td, .channels-table .channel-row > td,
#log th, #log td, .channel-details td, .channel-details th { border-color: var(--border); }
.table-striped > tbody > tr:nth-of-type(odd), #cron-preview, .cron-example th { background: var(--surface); }
.table-hover > tbody > tr:hover, #checks-table .checks-row:hover,
.channels-table .channel-row:hover > td, #details-integrations tr:hover th,
#details-integrations tr:hover td, #log tr.ok:hover td, .add-integration li:hover { background: var(--hover); }
#checks-table .my-checks-name, #checks-table .integrations, #checks-table .timeout-grace,
#checks-table .last-ping, .edit-name, .edit-checks { border-color: transparent; }
#checks-table tr:hover a.default { color: var(--link); }
.label-tag, .label-ign { background: var(--hover); color: var(--text); }
.label-start { background: #16372a; color: #9be6b8; border-color: #39865a; }
.alert-success, .panel-success > .panel-heading, .panel-success .panel-footer { background: #16372a; color: #9be6b8; border-color: #39865a; }
.alert-info, .panel-info > .panel-heading, .panel-info .panel-footer { background: #193348; color: #b4dfff; border-color: #426d8c; }
.alert-warning, .at-limit span { background: #44361c; color: #ffe0a1; border-color: #987743; }
.alert-danger, #log tr.missing td { background: #42232b; color: #ffb5bc; border-color: #92505b; }
.text-danger, .has-error .help-block, .has-error .control-label, .word-down { color: #ff9ca6; }
.text-warning { color: #ffe0a1; }
.text-success, .word-up { color: #9be6b8; }
#details-remove-check, #close-account, #remove-project { background: var(--surface); color: #ff9ca6; border-color: #b65f6b; }
#details-remove-check:hover, #close-account:hover, #remove-project:hover { background: #42232b; }
pre, code, .highlight, .api-path, .page-docs code, .details-block code, .json-response code { background: #000000; color: var(--text); }
.highlight span { color: inherit; }
.highlight .c, .highlight .c1, .highlight .cm, .highlight .cp, .highlight .cs { color: var(--muted); }
.highlight .s, .highlight .s1, .highlight .s2, .highlight .sr { color: #e8c58e; }
.highlight .k, .highlight .kn, .highlight .kt, .highlight .nc, .highlight .nf { color: #a9cfff; }
.highlight .m, .highlight .mi, .highlight .mf, .highlight .na { color: #90e0d4; }
.highlight .err, .highlight .gd { color: #ffb5bc; background: #42232b; }
.highlight .gi { color: #9be6b8; background: #16372a; }
.highlight .hll { background: #44361c; }
#login-sep, #xs-login-sep, .dropdown-menu .divider { background: var(--border); }
#login-sep div, #xs-login-sep div { background: var(--bg); color: var(--muted); }
.noUi-target, .noUi-background { background: var(--hover); border-color: var(--border); box-shadow: none; }
.noUi-handle { background: var(--surface); border-color: var(--muted); box-shadow: none; }
.noUi-value { color: var(--muted); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
.checkbox-container input:focus-visible ~ .checkmark, .radio-container input:focus-visible ~ .radiomark { outline: 2px solid var(--link); outline-offset: 3px; }
::selection { background: #365f83; color: #fff; }
