#nprogress .bar { height: 3px; background: #caa759; z-index: 20000; }
#nprogress .peg { box-shadow: 0 0 10px #caa759, 0 0 5px #caa759; }
.swal2-container { font-family: inherit; }
.swal2-popup { color: #102d4c; border-radius: 8px; font-size: 14px; }
.swal2-title { font-size: 22px; }
.swal2-html-container { font-size: 14px; overflow-wrap: anywhere; }
.swal2-confirm, .swal2-cancel { font-size: 13px; }
.alert[hidden] { display: none; }
.monitoring-heading { flex-wrap: wrap; }
.monitoring-heading-actions, .export-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.monitoring-heading-actions { gap: 12px; }
.export-button { min-height: 34px; padding: 6px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #dfe6ed; border-radius: 5px; background: #fff; color: #102d4c; font-size: 12px; cursor: pointer; }
.export-button:hover { background: #f0f4f8; border-color: #b8c6d3; }
.export-button:disabled { opacity: .55; cursor: wait; }
.monitoring-table-wrap { padding: 0 16px 10px; }
.monitoring-table-wrap .dt-container { font-size: 12px; }
.monitoring-table-wrap .dt-layout-row { margin: 8px 0; gap: 12px; }
.monitoring-table-wrap .dt-layout-table { margin: 0 -16px; }
.monitoring-table-wrap .dt-layout-table > .dt-layout-cell { max-width: 100%; overflow-x: auto; }
.monitoring-table-wrap .dt-search input { width: 200px; max-width: 100%; min-height: 34px; padding: 6px 10px; border: 1px solid #dfe6ed; border-radius: 5px; background: #fff; font: inherit; }
.monitoring-table-wrap .dt-length select { min-height: 34px; border-color: #dfe6ed; background: #fff; font: inherit; }
.monitoring-table-wrap table.dataTable { margin: 0; border-bottom-color: #e6ebf1; }
.monitoring-table-wrap table.dataTable > thead > tr > th { border-bottom-color: #e6ebf1; }
.monitoring-table-wrap table.dataTable > tbody > tr > td { box-shadow: none; }
.monitoring-table-wrap table.dataTable > tbody > tr:nth-child(even) { background: #fbfcfd; }
.monitoring-table-wrap .dt-info { color: #687b8d; }
.monitoring-table-wrap .dt-paging .dt-paging-button { padding: 5px 8px; min-width: 30px; border-radius: 4px; }
.monitoring-table-wrap .dt-paging .dt-paging-button.current { background: #102d4c; color: #fff !important; border-color: #102d4c; }
.monitoring-table-wrap .dt-paging .dt-paging-button:hover { background: #edf2f7; color: #102d4c !important; border-color: #dfe6ed; }
.table-fallback { margin: 0; padding: 12px; font-size: 12px; }
@media (max-width: 760px) {
    .monitoring-table-wrap { padding-inline: 12px; }
    .monitoring-table-wrap .dt-layout-table { margin-inline: -12px; }
    .monitoring-table-wrap .dt-search input { width: min(220px, 60vw); }
    .monitoring-heading-actions { gap: 8px; }
    .monitoring-heading-actions .neutral-badge { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
    #nprogress .bar, #nprogress .peg { transition: none !important; }
    .swal2-popup { animation: none !important; }
}