#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; }
.export-progress { flex-basis: 100%; min-width: min(320px, 100%); padding: 7px 0 0; color: #687b8d; font-size: 10px; }
.export-progress[hidden] { display: none; }
.export-progress-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 5px; }
.export-progress-head strong { color: #102d4c; font-variant-numeric: tabular-nums; }
.export-progress-track { height: 5px; overflow: hidden; border-radius: 999px; background: #e9eef3; }
.export-progress-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: #caa759; transition: width .18s ease; }
.export-progress.is-indeterminate .export-progress-track > span { width: 38%; animation: export-progress-slide 1.15s ease-in-out infinite; }
@keyframes export-progress-slide { 0% { transform: translateX(-120%); } 100% { transform: translateX(280%); } }
.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; }
}
