/* Z-mon dark NOC theme. Overrides AdminLTE/Bootstrap without changing core logic. */
:root {
    --z-bg: #0F1F2E;
    --z-deep: #071521;
    --z-card: #10283A;
    --z-card-hover: #15344A;
    --z-border: #1E3A4C;
    --z-text: #F8FAFC;
    --z-text-soft: #CBD5E1;
    --z-muted: #94A3B8;
    --z-aqua: #45E0C2;
    --z-blue: #38BDF8;
    --z-blue-dark: #1E293B;
    --z-online: #22C55E;
    --z-warning: #F59E0B;
    --z-critical: #EF4444;
    --z-purple: #8B5CF6;
}

html,
body,
.wrapper {
    background: var(--z-bg) !important;
    color: var(--z-text);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

a { color: var(--z-blue); }
a:hover, a:focus { color: var(--z-aqua); }

.content-wrapper,
.right-side,
.nmon-public-page .content-wrapper {
    background:
        radial-gradient(circle at 78% -10%, rgba(56, 189, 248, .12), transparent 34%),
        linear-gradient(180deg, #0B1A28 0%, var(--z-bg) 38%, #0B1926 100%) !important;
}

.main-header .navbar,
.main-header .logo {
    background: rgba(7, 21, 33, .94) !important;
    border-bottom: 1px solid var(--z-border);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .28);
}

.main-header .navbar {
    min-height: 64px;
}

.main-header .logo {
    height: 64px;
    line-height: 64px;
    border-right: 1px solid var(--z-border);
}

.nmon-brand img {
    max-height: 36px;
    filter: drop-shadow(0 8px 18px rgba(69, 224, 194, .12));
}

.main-header .sidebar-toggle {
    color: var(--z-text-soft);
    height: 64px;
    padding: 22px 18px;
}

.main-header .sidebar-toggle:hover {
    background: rgba(69, 224, 194, .08) !important;
    color: var(--z-aqua);
}

.zmon-top-search {
    float: left;
    width: min(360px, 34vw);
    padding: 13px 8px;
}

.zmon-top-search .input-group {
    background: rgba(16, 40, 58, .88);
    border: 1px solid var(--z-border);
    border-radius: 8px;
    overflow: hidden;
}

.zmon-top-search .form-control,
.zmon-top-search .btn {
    height: 38px;
    border: 0;
    background: transparent !important;
    color: var(--z-text);
    box-shadow: none;
}

.zmon-top-search .form-control::placeholder {
    color: var(--z-muted);
}

.zmon-top-actions {
    float: left;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 13px 8px;
}

.zmon-top-action {
    height: 38px;
    min-width: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--z-border);
    border-radius: 8px;
    background: rgba(16, 40, 58, .78);
    color: var(--z-text-soft);
}

.zmon-top-action:hover,
.zmon-add-btn:hover {
    background: rgba(69, 224, 194, .13);
    border-color: rgba(69, 224, 194, .44);
    color: var(--z-aqua);
}

.zmon-add-btn {
    gap: 8px;
    padding: 0 14px;
    background: linear-gradient(135deg, #22D3B6, #0FBD9E);
    color: #06251F;
    border-color: rgba(69, 224, 194, .55);
    font-weight: 800;
}

.main-header .navbar .nav > li > a {
    color: var(--z-text-soft);
    padding-top: 21px;
    padding-bottom: 21px;
}

.main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:focus {
    background: rgba(69, 224, 194, .08);
    color: var(--z-aqua);
}

.main-sidebar {
    background: linear-gradient(180deg, #071521 0%, #06111B 100%) !important;
    border-right: 1px solid var(--z-border);
    padding-top: 64px;
}

.sidebar-menu > li.header {
    color: #5F7D93;
    background: transparent !important;
}

.sidebar-menu > li > a,
.treeview-menu > li > a {
    color: var(--z-text-soft) !important;
    border-radius: 8px;
}

.sidebar-menu > li.active > a,
.treeview-menu > li.active > a {
    background: linear-gradient(90deg, rgba(69, 224, 194, .22), rgba(56, 189, 248, .08)) !important;
    color: var(--z-aqua) !important;
    box-shadow: inset 3px 0 0 var(--z-aqua);
}

.sidebar-menu > li:hover > a,
.treeview-menu > li > a:hover {
    background: rgba(21, 52, 74, .95) !important;
    color: var(--z-text) !important;
}

.treeview-menu {
    background: rgba(3, 12, 20, .44) !important;
}

.user-panel {
    border-bottom: 1px solid rgba(30, 58, 76, .7);
}

.user-panel > .info,
.user-panel > .info > a {
    color: var(--z-text-soft);
}

.content-header {
    padding: 28px 28px 10px;
}

.content-header h1 {
    color: var(--z-text);
    font-size: 26px;
    font-weight: 800;
}

.content-header h1 small,
.breadcrumb,
.breadcrumb a {
    color: var(--z-muted) !important;
}

.content {
    padding: 18px 28px 28px;
}

.box,
.nav-tabs-custom,
.small-box,
.info-box,
.modal-content,
.login-box-body,
.zmon-card {
    background: linear-gradient(180deg, rgba(16, 40, 58, .98), rgba(10, 28, 42, .98)) !important;
    border: 1px solid var(--z-border) !important;
    border-radius: 10px !important;
    color: var(--z-text);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

.box:hover,
.small-box:hover,
.zmon-card:hover {
    border-color: rgba(69, 224, 194, .34) !important;
}

.box-header,
.box-header.with-border {
    border-bottom: 1px solid rgba(30, 58, 76, .86) !important;
    color: var(--z-text);
}

.box-title {
    color: var(--z-text);
}

.box-body,
.box-footer {
    background: transparent !important;
    color: var(--z-text-soft);
}

.small-box {
    min-height: 132px;
}

.small-box h3,
.small-box h3 small {
    color: var(--z-text);
}

.small-box p {
    color: var(--z-text-soft);
}

.small-box .icon {
    color: rgba(69, 224, 194, .18);
}

.small-box-footer {
    border-top: 1px solid rgba(30, 58, 76, .9);
    color: var(--z-aqua) !important;
}

.table-responsive {
    border: 0;
}

.table,
table.dataTable {
    color: var(--z-text-soft);
    background: transparent;
}

.table > thead > tr > th,
table.dataTable thead th {
    background: rgba(15, 31, 46, .74) !important;
    color: var(--z-muted);
    border-color: var(--z-border) !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table-bordered {
    border-color: rgba(30, 58, 76, .78) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(15, 31, 46, .38);
}

.table-hover > tbody > tr:hover {
    background: rgba(21, 52, 74, .88);
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: rgba(7, 21, 33, .78) !important;
    color: var(--z-text) !important;
    border: 1px solid var(--z-border) !important;
    border-radius: 8px !important;
}

.form-control:focus {
    border-color: var(--z-aqua) !important;
    box-shadow: 0 0 0 3px rgba(69, 224, 194, .12) !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.help-block,
.text-muted,
.text-gray {
    color: var(--z-muted) !important;
}

.pagination > li > a,
.pagination > li > span,
.dt-buttons .btn-default {
    background: rgba(7, 21, 33, .86) !important;
    color: var(--z-text-soft) !important;
    border-color: var(--z-border) !important;
}

.pagination > .active > a,
.pagination > .active > span {
    background: var(--z-aqua) !important;
    color: #05211C !important;
    border-color: var(--z-aqua) !important;
}

.btn-primary,
.btn-success {
    background: linear-gradient(135deg, #45E0C2, #13BFA0) !important;
    border-color: rgba(69, 224, 194, .72) !important;
    color: #06251F !important;
}

.btn-default {
    background: rgba(16, 40, 58, .82) !important;
    border-color: var(--z-border) !important;
    color: var(--z-text-soft) !important;
}

.btn-danger {
    background: rgba(239, 68, 68, .92) !important;
    border-color: rgba(239, 68, 68, .72) !important;
}

.label,
.badge,
.zmon-status-badge {
    border-radius: 999px !important;
    padding: 5px 9px !important;
    font-weight: 800;
    border: 1px solid transparent;
}

.label-success,
.zmon-status-online {
    background: rgba(34, 197, 94, .15) !important;
    color: var(--z-online) !important;
    border-color: rgba(34, 197, 94, .34);
}

.label-warning,
.zmon-status-warning {
    background: rgba(245, 158, 11, .16) !important;
    color: var(--z-warning) !important;
    border-color: rgba(245, 158, 11, .34);
}

.label-danger,
.zmon-status-critical {
    background: rgba(239, 68, 68, .16) !important;
    color: var(--z-critical) !important;
    border-color: rgba(239, 68, 68, .34);
}

.label-info,
.zmon-status-info {
    background: rgba(56, 189, 248, .14) !important;
    color: var(--z-blue) !important;
    border-color: rgba(56, 189, 248, .34);
}

.text-green { color: var(--z-online) !important; }
.text-yellow { color: var(--z-warning) !important; }
.text-red { color: var(--z-critical) !important; }
.text-blue { color: var(--z-blue) !important; }

.alert {
    border-radius: 10px;
    border: 1px solid var(--z-border);
}

.alert-info {
    background: rgba(56, 189, 248, .12) !important;
    color: var(--z-text-soft);
}

.alert-danger {
    background: rgba(239, 68, 68, .13) !important;
    color: #FECACA;
}

.callout.callout-ok {
    background: rgba(34, 197, 94, .1) !important;
    border-color: rgba(34, 197, 94, .35) !important;
    color: var(--z-text-soft);
}

.main-footer {
    background: var(--z-deep) !important;
    color: var(--z-muted);
    border-top: 1px solid var(--z-border);
}

.dropdown-menu {
    background: #0A1B2A;
    border-color: var(--z-border);
    color: var(--z-text-soft);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .32);
}

.dropdown-menu > li > a {
    color: var(--z-text-soft);
}

.dropdown-menu > li > a:hover {
    background: var(--z-card-hover);
    color: var(--z-text);
}

.notifications-menu > .dropdown-menu > li.header {
    background: #081724;
    color: var(--z-text-soft);
    border-bottom-color: var(--z-border);
}

.navbar-nav > .user-menu > .dropdown-menu > .user-header {
    background: linear-gradient(135deg, #0A1B2A, #10283A);
}

.nmon-login-page {
    background:
        radial-gradient(circle at 28% 12%, rgba(69, 224, 194, .16), transparent 28%),
        radial-gradient(circle at 72% 4%, rgba(56, 189, 248, .13), transparent 24%),
        linear-gradient(135deg, #071521 0%, #0F1F2E 62%, #091725 100%) !important;
}

.nmon-login-logo {
    color: var(--z-text);
}

.nmon-login-logo span {
    margin-top: 8px;
}

.zmon-login-title {
    color: var(--z-text);
    font-weight: 800;
    font-size: 22px;
    margin: 0 0 6px;
}

.zmon-login-subtitle {
    color: var(--z-muted);
    margin-bottom: 22px;
}

.login-box-body {
    padding: 32px;
}

.login-box-msg {
    color: var(--z-muted);
}

.nmon-forgot-link a {
    color: var(--z-aqua);
}

.zmon-dashboard-toolbar {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
}

.zmon-filter-pill {
    border: 1px solid var(--z-border);
    background: rgba(7, 21, 33, .72);
    border-radius: 8px;
    color: var(--z-text-soft);
    padding: 9px 12px;
    font-size: 12px;
}

.zmon-kpi-card {
    min-height: 126px;
    padding: 18px;
}

.zmon-kpi-card .zmon-kpi-title {
    color: var(--z-text-soft);
    font-size: 12px;
    font-weight: 700;
}

.zmon-kpi-card .zmon-kpi-value {
    color: var(--z-text);
    font-size: 30px;
    line-height: 1;
    font-weight: 850;
    margin: 12px 0 8px;
}

.zmon-kpi-card .zmon-kpi-value small {
    color: var(--z-muted);
    font-size: 14px;
    font-weight: 800;
}

.zmon-kpi-card .zmon-kpi-meta {
    color: var(--z-aqua);
    font-size: 12px;
    font-weight: 700;
}

.zmon-kpi-card .zmon-kpi-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: right;
    background: rgba(69, 224, 194, .1);
    color: var(--z-aqua);
    font-size: 20px;
}

.zmon-kpi-card.is-warning .zmon-kpi-icon,
.zmon-kpi-card.is-warning .zmon-kpi-meta { color: var(--z-warning); }
.zmon-kpi-card.is-danger .zmon-kpi-icon,
.zmon-kpi-card.is-danger .zmon-kpi-meta { color: var(--z-critical); }
.zmon-kpi-card.is-blue .zmon-kpi-icon,
.zmon-kpi-card.is-blue .zmon-kpi-meta { color: var(--z-blue); }
.zmon-kpi-card.is-purple .zmon-kpi-icon,
.zmon-kpi-card.is-purple .zmon-kpi-meta { color: var(--z-purple); }

.zmon-chart-card {
    min-height: 290px;
}

.zmon-chart-card canvas {
    width: 100% !important;
    max-height: 250px;
}

.zmon-progress-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    margin: 14px 0;
}

.zmon-progress-track {
    grid-column: 1 / -1;
    height: 7px;
    background: rgba(148, 163, 184, .15);
    border-radius: 99px;
    overflow: hidden;
}

.zmon-progress-fill {
    height: 100%;
    border-radius: 99px;
    background: linear-gradient(90deg, var(--z-aqua), var(--z-blue));
}

.zmon-incident-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.zmon-incident-list li {
    display: flex;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(30, 58, 76, .7);
}

.zmon-incident-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-top: 5px;
    flex: 0 0 auto;
}

.zmon-map-panel {
    min-height: 190px;
    background:
        radial-gradient(circle at 25% 52%, rgba(69, 224, 194, .28), transparent 4%),
        radial-gradient(circle at 62% 48%, rgba(56, 189, 248, .26), transparent 5%),
        radial-gradient(circle at 78% 61%, rgba(139, 92, 246, .22), transparent 4%),
        linear-gradient(135deg, rgba(12, 35, 53, .86), rgba(7, 21, 33, .86));
    border-radius: 10px;
    border: 1px solid var(--z-border);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--z-muted);
    font-weight: 700;
}

.nmon-public-brand {
    background: linear-gradient(180deg, rgba(16, 40, 58, .98), rgba(10, 28, 42, .98)) !important;
    border-color: var(--z-border);
}

.nmon-public-brand h1 {
    color: var(--z-text);
}

.nmon-public-brand span {
    color: var(--z-muted);
}

/* Strong dark overrides for internal AdminLTE/Bootstrap tables */
.nav-tabs-custom {
    background: linear-gradient(180deg, rgba(16, 40, 58, .98), rgba(7, 21, 33, .94)) !important;
}

.nav-tabs-custom > .tab-content {
    background: transparent !important;
    color: var(--z-text-soft) !important;
    border-top: 1px solid rgba(30, 58, 76, .78);
}

.nav-tabs-custom > .nav-tabs {
    border-bottom-color: rgba(30, 58, 76, .78) !important;
}

.nav-tabs-custom > .nav-tabs > li > a {
    background: rgba(7, 21, 33, .42) !important;
    color: var(--z-muted) !important;
    border-color: transparent !important;
}

.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a,
.nav-tabs-custom > .nav-tabs > li.active > a:hover {
    background: var(--z-card) !important;
    color: var(--z-aqua) !important;
    border-color: rgba(30, 58, 76, .9) !important;
    border-bottom-color: var(--z-card) !important;
}

.box .table,
.nav-tabs-custom .table,
.table-responsive > .table,
table.dataTable {
    background: rgba(7, 21, 33, .35) !important;
    color: var(--z-text-soft) !important;
    margin-bottom: 0;
}

.box .table > thead > tr > th,
.nav-tabs-custom .table > thead > tr > th,
.table-responsive > .table > thead > tr > th,
table.dataTable thead th,
table.dataTable thead td {
    background: linear-gradient(180deg, rgba(21, 52, 74, .98), rgba(15, 31, 46, .98)) !important;
    color: var(--z-muted) !important;
    border-color: rgba(30, 58, 76, .9) !important;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.box .table > tbody > tr,
.nav-tabs-custom .table > tbody > tr,
.table-responsive > .table > tbody > tr,
table.dataTable tbody tr {
    background: transparent !important;
}

.box .table > tbody > tr > td,
.box .table > tbody > tr > th,
.box .table > tfoot > tr > td,
.box .table > tfoot > tr > th,
.nav-tabs-custom .table > tbody > tr > td,
.nav-tabs-custom .table > tbody > tr > th,
.nav-tabs-custom .table > tfoot > tr > td,
.nav-tabs-custom .table > tfoot > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
table.dataTable tbody td,
table.dataTable tbody th {
    background: rgba(8, 24, 37, .62) !important;
    color: var(--z-text-soft) !important;
    border-color: rgba(30, 58, 76, .72) !important;
}

.box .table-striped > tbody > tr:nth-of-type(odd) > td,
.box .table-striped > tbody > tr:nth-of-type(odd) > th,
.nav-tabs-custom .table-striped > tbody > tr:nth-of-type(odd) > td,
.nav-tabs-custom .table-striped > tbody > tr:nth-of-type(odd) > th,
.table-responsive > .table-striped > tbody > tr:nth-of-type(odd) > td,
table.dataTable.stripe tbody tr.odd > td,
table.dataTable.display tbody tr.odd > td {
    background: rgba(13, 34, 50, .88) !important;
}

.box .table-striped > tbody > tr:nth-of-type(even) > td,
.box .table-striped > tbody > tr:nth-of-type(even) > th,
.nav-tabs-custom .table-striped > tbody > tr:nth-of-type(even) > td,
.nav-tabs-custom .table-striped > tbody > tr:nth-of-type(even) > th,
.table-responsive > .table-striped > tbody > tr:nth-of-type(even) > td,
table.dataTable.stripe tbody tr.even > td,
table.dataTable.display tbody tr.even > td {
    background: rgba(7, 21, 33, .72) !important;
}

.box .table-hover > tbody > tr:hover > td,
.box .table-hover > tbody > tr:hover > th,
.nav-tabs-custom .table-hover > tbody > tr:hover > td,
.nav-tabs-custom .table-hover > tbody > tr:hover > th,
.table-responsive > .table-hover > tbody > tr:hover > td,
table.dataTable.hover tbody tr:hover > td,
table.dataTable.display tbody tr:hover > td {
    background: rgba(21, 52, 74, .98) !important;
    color: var(--z-text) !important;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-color: rgba(30, 58, 76, .76) !important;
}

.table a:not(.btn),
.dataTable a:not(.btn) {
    color: var(--z-aqua) !important;
}

.table small,
.table .text-muted,
.dataTable small,
.dataTable .text-muted {
    color: var(--z-muted) !important;
}

.table b,
.table strong,
.dataTable b,
.dataTable strong {
    color: var(--z-text) !important;
}

.dataTables_wrapper,
.dataTables_wrapper .row,
.dataTables_wrapper .bottom,
.dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .dataTables_scrollBody {
    background: transparent !important;
    color: var(--z-text-soft) !important;
}

.dataTables_wrapper .dataTables_empty,
.table > tbody > tr > td.dataTables_empty {
    background: rgba(7, 21, 33, .72) !important;
    color: var(--z-muted) !important;
}

.dataTables_wrapper .pagination > li > a,
.dataTables_wrapper .pagination > li > span {
    background: rgba(7, 21, 33, .82) !important;
    border-color: rgba(30, 58, 76, .78) !important;
    color: var(--z-text-soft) !important;
}

.dataTables_wrapper .pagination > .active > a,
.dataTables_wrapper .pagination > .active > span {
    background: linear-gradient(135deg, var(--z-aqua), var(--z-blue)) !important;
    border-color: transparent !important;
    color: #03111c !important;
}

.bg-gray,
.label.bg-gray,
.badge.bg-gray {
    background: rgba(148, 163, 184, .16) !important;
    border: 1px solid rgba(148, 163, 184, .28);
    color: var(--z-text-soft) !important;
}

/* Select2 and rich text editor dark theme fixes */
.select2-container {
    max-width: 100% !important;
}

.select2-container--default .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--z-text) !important;
    line-height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field {
    color: var(--z-muted) !important;
}

.select2-dropdown,
.select2-container--default .select2-dropdown {
    background: #071521 !important;
    border: 1px solid var(--z-border) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    color: var(--z-text-soft) !important;
    z-index: 1060;
}

.select2-search--dropdown {
    background: #071521 !important;
    padding: 8px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #06111D !important;
    border: 1px solid var(--z-border) !important;
    border-radius: 6px !important;
    color: var(--z-text) !important;
    outline: none !important;
}

.select2-results,
.select2-results__options {
    background: #071521 !important;
    color: var(--z-text-soft) !important;
    max-height: 260px !important;
}

.select2-results__option {
    background: transparent !important;
    color: var(--z-text-soft) !important;
    padding: 9px 12px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(148, 163, 184, .18) !important;
    color: var(--z-text) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(135deg, rgba(69, 224, 194, .85), rgba(56, 189, 248, .85)) !important;
    color: #03111c !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: rgba(148, 163, 184, .55) !important;
}

.note-editor,
.note-editor.note-frame {
    background: rgba(7, 21, 33, .75) !important;
    border: 1px solid var(--z-border) !important;
    border-radius: 8px !important;
    color: var(--z-text-soft) !important;
    overflow: hidden;
}

.note-editor .note-toolbar,
.note-editor.note-frame .note-statusbar {
    background: #F8FAFC !important;
    border-color: #E2E8F0 !important;
}

.note-editor .note-editing-area,
.note-editor .note-editable {
    background: #FFFFFF !important;
    color: #0F172A !important;
}

.note-editor .note-editable {
    min-height: 180px !important;
}

.note-editor .btn,
.note-editor .btn-default {
    background: #334155 !important;
    border-color: #334155 !important;
    color: #F8FAFC !important;
}

.note-editor .btn:hover,
.note-editor .btn-default:hover,
.note-editor .open > .dropdown-toggle.btn-default {
    background: #475569 !important;
    border-color: #475569 !important;
    color: #FFFFFF !important;
}

.note-editor .dropdown-menu {
    background: #071521 !important;
    border-color: var(--z-border) !important;
}

.note-editor .dropdown-menu > li > a,
.note-editor .dropdown-menu a {
    color: var(--z-text-soft) !important;
}

.note-editor .dropdown-menu > li > a:hover,
.note-editor .dropdown-menu a:hover {
    background: var(--z-card-hover) !important;
    color: var(--z-text) !important;
}

.zmon-public-host-toggle {
    cursor: pointer;
}

.zmon-public-host-toggle:hover .zmon-public-host-name {
    color: var(--z-aqua) !important;
}

.zmon-public-host-name {
    color: var(--z-text) !important;
    font-weight: 700;
}

.zmon-public-host-name .fa {
    color: var(--z-aqua);
    margin-left: 6px;
    opacity: .78;
}

.zmon-public-host-detail > td {
    background: rgba(7, 21, 33, .9) !important;
    padding: 16px !important;
}

.zmon-public-chart-panel {
    background:
        radial-gradient(circle at 18% 0%, rgba(69, 224, 194, .13), transparent 28%),
        linear-gradient(180deg, rgba(16, 40, 58, .98), rgba(7, 21, 33, .94));
    border: 1px solid rgba(30, 58, 76, .85);
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24);
    padding: 16px;
}

.zmon-public-chart-title {
    color: var(--z-text);
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 14px;
}

.zmon-public-chart-panel canvas {
    min-height: 180px;
}

.zmon-noc-metric {
    min-height: 126px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}

.zmon-noc-metric:after {
    content: "";
    position: absolute;
    right: -36px;
    top: -36px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(69, 224, 194, .1);
    border: 1px solid rgba(69, 224, 194, .2);
}

.zmon-noc-metric span,
.zmon-noc-metric small {
    display: block;
    color: var(--z-muted);
    font-weight: 700;
}

.zmon-noc-metric strong {
    display: block;
    color: var(--z-text);
    font-size: 30px;
    line-height: 1.2;
    margin: 10px 0 6px;
}

@media (max-width: 991px) {
    .zmon-top-search {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-header .logo,
    .main-header .navbar {
        min-height: 56px;
        height: 56px;
    }

    .main-sidebar {
        padding-top: 56px;
    }

    .content-header,
    .content {
        padding-left: 14px;
        padding-right: 14px;
    }

    .zmon-dashboard-toolbar {
        justify-content: flex-start;
    }
}