.offcanvas {
    z-index:99999!important;
}

.head-title{
    text-transform: inherit !important;
    border-bottom: 0 !important;
    padding: 0 !important;
    margin: 0 0 1rem 0.3rem!important;
    font-family: var(--bs-heading-font-family) !important;
}
.head-title:after {
    content: "";
    width: 2rem;
    height: 0.5rem;
    background: var(--bs-yellow);
    display: block;
    margin-left:0.3rem;
}

tr.et-monitoring-details-row .et-monitoring-details-comments,
tr.et-monitoring-details-row .et-monitoring-details-sec,
tr.et-monitoring-details-row .et-monitoring-details-reason,
tr.et-monitoring-details-row .et-monitoring-details-actions{
    border:1px solid var(--bs-border-color);
    padding:1rem;
    box-shadow: 0rem 0rem 1rem #e2e2e2;
    border-radius: 3px;
}

.et-monitoring-toggle-btn {
    transform: scale(0.7);
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

/*PDS*/
.et-pds-proposed-disabled {
    opacity: 0.6;
    pointer-events: none; /* optionnel si tu veux bloquer le focus souris */
}

/*tfoot*/
tfoot.et-monitoring-table-footer {
    box-shadow: 0 0 0.3rem 1px #00000044;
    border-bottom:0!important;
}

tfoot.et-monitoring-table-footer tr th {
    background-color:var(--bs-gray-200)!important;
}

table.et-monitoring-table{
    border-bottom:0!important;
    margin-bottom:4rem!important;
}

table.et-monitoring-table > tbody > tr.monitoring-row-even td{
    background-color: #fafbfc;
}
table.et-monitoring-table > tbody > tr.monitoring-row-odd td{
    background-color: var(--bs-white);
}

table.et-monitoring-table > tbody > tr.et-monitoring-row {
    position: relative;
    transition: box-shadow 0.16s ease, transform 0.16s ease;
    cursor: pointer;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row {
    position: relative;
    transition: box-shadow 0.16s ease, transform 0.16s ease;
    cursor: pointer;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row td {
    border-bottom: 1px solid #e2e6ea !important;
    background-clip: padding-box;
    vertical-align: middle;
    text-align: left !important;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row td {
    border-bottom: 1px solid #e2e6ea !important;
    background-clip: padding-box;
    vertical-align: middle;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row td:first-child {
    font-weight: 600;
    line-height: 1.35;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row td:first-child {
    font-weight: 600;
    line-height: 1.35;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row td:first-child small {
    display: inline-block;
    margin-top: 0.15rem;
    color: #6c757d;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row td:first-child small {
    display: inline-block;
    margin-top: 0.15rem;
    color: #6c757d;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row td:first-child code {
    background: transparent;
    color: inherit;
    font-size: 0.86em;
    padding: 0;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row td:first-child code {
    background: transparent;
    color: inherit;
    font-size: 0.86em;
    padding: 0;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row:hover td {
    background-color: #f2f4f6 !important;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row:hover td {
    background-color: #f2f4f6 !important;
}

table.et-monitoring-table > tbody > tr.et-monitoring-row td:first-child {
    border-left: 4px solid transparent;
    transition: border-color 0.16s ease;
}

table.et-monitoring-table > tbody > tr.et-monitoring-pds-row td:first-child {
    border-left: 4px solid transparent;
    transition: border-color 0.16s ease;
}

tr.et-monitoring-row.none td:first-child {
    border-left-color: var(--bs-secondary);
}
tr.et-monitoring-row.auto_open td:first-child {
    border-left-color: var(--bs-warning);
}
tr.et-monitoring-row.open td:first-child {
    border-left-color: var(--bs-info);
}
tr.et-monitoring-row.sec td:first-child {
    border-left-color: var(--bs-warning);
}
tr.et-monitoring-row.nar td:first-child {
    border-left-color: var(--bs-success);
}
tr.et-monitoring-row.sent_pds td:first-child {
    border-left-color: var(--bs-primary);
}
tr.et-monitoring-row.answer_received td:first-child {
    border-left-color: var(--bs-secondary);
}
tr.et-monitoring-row.closed td:first-child {
    border-left-color: var(--bs-success);
}

tr.et-monitoring-pds-row.sent_pds td:first-child {
    border-left-color: var(--bs-primary);
}
tr.et-monitoring-pds-row.answer_received td:first-child {
    border-left-color: var(--bs-secondary);
}

tr.et-monitoring-row.et-monitoring-row-active td {
    background: #fff7e0 !important;
    border-top: 1px solid #ecd08a !important;
    border-bottom: 1px solid #ecd08a !important;
}

tr.et-monitoring-pds-row.et-monitoring-pds-row-active td {
    background: #fff7e0 !important;
    border-top: 1px solid #ecd08a !important;
    border-bottom: 1px solid #ecd08a !important;
}

tr.et-monitoring-row.et-monitoring-row-open {
    z-index: 2;
}

tr.et-monitoring-row.et-monitoring-row-open td {
    background: #fff8e6 !important;
    border-top: 1px solid #f0d693 !important;
    border-bottom: 1px solid #f0d693 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

tr.et-monitoring-row.et-monitoring-row-open td:first-child {
    border-left-color: var(--bs-yellow);
}

tr.et-monitoring-row.et-monitoring-row-open .et-monitoring-toggle-btn {
    transform: scale(0.78);
    background: var(--bs-dark);
    border-color: var(--bs-dark);
    box-shadow: 0 0.35rem 0.75rem rgba(0, 0, 0, 0.16);
}

tr.et-monitoring-pds-row.et-monitoring-pds-row-open {
    z-index: 2;
}

tr.et-monitoring-pds-row.et-monitoring-pds-row-active td:first-child {
    border-left-color: var(--bs-yellow);
}

tr.et-monitoring-details-row td {
    background: #fbfbfc !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e2e6ea !important;
    padding-top: 0.85rem !important;
    padding-bottom: 1rem !important;
}

tr.et-monitoring-details-row .et-monitoring-details {
    border: 1px solid #e2e6ea;
    border-left: 4px solid #cfd6dd;
    border-radius: 0.5rem;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 0.4rem 0.9rem rgba(0, 0, 0, 0.04);
}

tr.et-monitoring-row.et-monitoring-row-open + tr.et-monitoring-details-row td,
tr.et-monitoring-details-row.et-monitoring-details-row-open td {
    background: #fffdf7 !important;
    border-bottom: 1px solid #f0d693 !important;
    padding-top: 1rem !important;
    padding-bottom: 1.1rem !important;
}

tr.et-monitoring-row.et-monitoring-row-open + tr.et-monitoring-details-row .et-monitoring-details,
tr.et-monitoring-details-row.et-monitoring-details-row-open .et-monitoring-details {
    border-color: #efd68d;
    border-left-color: var(--bs-yellow);
    background: #fffef9;
    box-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.07);
}

.et-monitoring-row-field-cell {
    min-width: 220px;
}

.et-monitoring-row-field-title {
    font-weight: 700;
    line-height: 1.3;
}

.et-monitoring-row-status-cell {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.et-monitoring-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 3px;
    border: 1px solid rgba(108, 117, 125, 0.28);
    background: rgba(248, 249, 250, 0.9);
    color: var(--bs-primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.et-monitoring-status-badge.status-none {
    background: rgba(108, 117, 125, 0.12);
    border-color: rgba(108, 117, 125, 0.3);
    color: var(--bs-secondary);
}

.et-monitoring-status-badge.status-auto_open {
    background: rgba(255, 175, 0, 0.14);
    border-color: rgba(255, 175, 0, 0.4);
    color: #8a5f00;
}

.et-monitoring-status-badge.status-open {
    background: rgba(51, 204, 255, 0.16);
    border-color: rgba(51, 204, 255, 0.42);
    color: #00779a;
}

.et-monitoring-status-badge.status-sec {
    background: rgba(255, 175, 0, 0.18);
    border-color: rgba(255, 175, 0, 0.5);
    color: #7d5600;
}

.et-monitoring-status-badge.status-nar {
    background: rgba(3, 224, 181, 0.16);
    border-color: rgba(3, 224, 181, 0.42);
    color: #00856b;
}

.et-monitoring-status-badge.status-sent_pds {
    background: rgba(33, 37, 41, 0.08);
    border-color: rgba(33, 37, 41, 0.22);
    color: var(--bs-primary);
}

.et-monitoring-status-badge.status-answer_received {
    background: rgba(108, 117, 125, 0.14);
    border-color: rgba(108, 117, 125, 0.32);
    color: var(--bs-secondary);
}

.et-monitoring-status-badge.status-closed {
    background: rgba(3, 224, 181, 0.22);
    border-color: rgba(3, 224, 181, 0.46);
    color: #007a63;
}

.et-monitoring-decision-badge.is-empty {
    background: rgba(108, 117, 125, 0.12);
    border-color: rgba(108, 117, 125, 0.3);
    color: var(--bs-secondary);
}

.et-monitoring-decision-badge.decision-confirmed {
    background: rgba(3, 224, 181, 0.18);
    border-color: rgba(3, 224, 181, 0.42);
    color: #00856b;
}

.et-monitoring-decision-badge.decision-corrected {
    background: rgba(255, 175, 0, 0.18);
    border-color: rgba(255, 175, 0, 0.5);
    color: #7d5600;
}

/* 1) Le wrapper ne coupe pas le tableau */
.et-monitoring-table-wrapper{
    max-width: 100%;
    overflow: visible; /* important : ne pas couper */
}

/* 2) Table contrainte au conteneur */
.et-monitoring-table{
    width: 100%;
    max-width: 100%;
    table-layout: fixed; /* indispensable pour “forcer” la contrainte */
    border-collapse: collapse;
}

/* 3) Autoriser le shrink (écrase aussi les min-width inline) */
.et-monitoring-table th,
.et-monitoring-table td{
    min-width: 0 !important;        /* clé : sinon ça déborde */
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;         /* casse même sans espaces */
    word-break: break-word;
    vertical-align: top;
}

/* 4) Les éléments qui “poussent” souvent la largeur */
.et-monitoring-table select,
.et-monitoring-table input,
.et-monitoring-table textarea,
.et-monitoring-table .rwmb-select,
.et-monitoring-table .rwmb-input{
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100%;
    box-sizing: border-box;
}

/* 5) Contenus typiquement longs */
.et-monitoring-table code,
.et-monitoring-table small,
.et-monitoring-table ul,
.et-monitoring-table li{
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: left;
}

/* 6) Largeurs de colonnes (ajuste au besoin) */
.et-monitoring-table .et-col-toggle{ width: 56px; }
.et-monitoring-table .et-col-field{ width: 24%; }
.et-monitoring-table .et-col-init{ width: 15%; }
.et-monitoring-table .et-col-current{ width: 15%; }
.et-monitoring-table .et-col-decision{ width: 12%; }
.et-monitoring-table .et-col-proposed{ width: 16%; }
.et-monitoring-table .et-col-status{ width: 18%; }

/* 7) Optionnel : densifier un peu */
.et-monitoring-table td{ padding: .35rem .5rem!important; }
.et-monitoring-table th{ padding: .5rem .5rem; }

/* Colonnes : Valeur initiale / Valeur actuelle / Valeur proposée => alignement à gauche */
.et-monitoring-table tbody td:nth-child(3),
.et-monitoring-table tbody td:nth-child(4),
.et-monitoring-table tbody td:nth-child(6){
    text-align: left !important;
}

/* Scope strict sur TON tableau */
.et-monitoring-dt-wrapper {
    width: 100%;
}

/* Aligner le bandeau haut (length + search) */
.et-monitoring-dt-wrapper .dataTables_length,
.et-monitoring-dt-wrapper .dataTables_filter {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: .5rem 0;
}

/* Length à gauche, search à droite */
.et-monitoring-dt-wrapper .dataTables_length {
    float: left;
}

.et-monitoring-dt-wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

/* Nettoyage des floats + espacement après le bandeau */
.et-monitoring-dt-wrapper::after {
    content: "";
    display: block;
    clear: both;
}

/* Champ de recherche */
.et-monitoring-dt-wrapper .dataTables_filter input[type="search"] {
    width: 260px;
    max-width: 100%;
    margin-left: .5rem;
}

/* Select "Afficher X lignes" */
.et-monitoring-dt-wrapper .dataTables_length select {
    min-width: 90px;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select {
    position: relative;
    min-width: 90px;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select::after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--bs-body-color);
    font-size: 0.9em;
    transition: transform 0.3s ease;
    pointer-events: none;
    z-index: 2;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select.show::after {
    transform: rotate(180deg);
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select > .dropdown-toggle,
.et-monitoring-dt-wrapper .dataTables_length select.wdt-selectpicker {
    width: 100%;
    min-height: 40px;
    height: 40px;
    padding: 0 36px 0 10px;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    color: var(--bs-body-color) !important;
    background: var(--bs-gray-400) !important;
    box-sizing: border-box;
    outline: none;
    box-shadow: none !important;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select > .dropdown-toggle:hover,
.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select > .dropdown-toggle:focus,
.et-monitoring-dt-wrapper .dataTables_length select.wdt-selectpicker:hover,
.et-monitoring-dt-wrapper .dataTables_length select.wdt-selectpicker:focus {
    background: var(--bs-gray-200) !important;
    color: var(--bs-secondary) !important;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select > .dropdown-toggle::after {
    display: none !important;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select .filter-option,
.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select .filter-option-inner,
.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select .filter-option-inner-inner {
    color: inherit !important;
    font-size: 14px;
    line-height: 40px;
}

.et-monitoring-dt-wrapper .dataTables_length .bootstrap-select .dropdown-menu {
    border: 1px solid #d6dee6;
    border-radius: 3px;
    box-shadow: 0 0.45rem 0.9rem rgba(0, 0, 0, 0.08);
    padding: 0.25rem 0;
}

/* Bandeau bas (info + pagination) */
.et-monitoring-dt-wrapper .dataTables_info,
.et-monitoring-dt-wrapper .dataTables_paginate {
    display: inline-flex;
    align-items: center;
    margin: .75rem 0;
}

.et-monitoring-dt-wrapper .dataTables_info {
    float: left;
}

.et-monitoring-dt-wrapper .dataTables_paginate {
    float: right;
}

.et-monitoring-dt-wrapper .dataTables_paginate::after {
    content: "";
    display: block;
    clear: both;
}

/* Pagination : cohérence visuelle */
.et-monitoring-dt-wrapper .paginate_button {
    padding: .25rem .55rem;
    margin: 0 .1rem;
    border-radius: .4rem;
}

.et-monitoring-dt-wrapper .dt-buttons{
    display:flex;
    gap:.75rem;
}

.et-monitoring-dt-wrapper .dt-button{
    color: var(--bs-light) !important;
    padding: 0.5rem;
    border:0;
    border-radius: 0.2rem;
    background: var(--bs-dark);
    font-family: var(--bs-heading-font-family) !important;
    font-size: 0.8rem;
    font-weight: 600;
    transition: all .3s ease;
    margin: 0;
    text-transform: uppercase;
}

.et-monitoring-dt-wrapper .dataTables_filter{
    display:flex;
    justify-content:flex-end;
}

.et-monitoring-dt-wrapper .dataTables_filter label{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin:0;
}

.et-monitoring-dt-wrapper .dataTables_length label{
    display:flex;
    align-items:center;
    gap:.5rem;
    margin:0;
}

.et-monitoring-dt-wrapper .dataTables_paginate{
    display:flex;
    justify-content:flex-end;
    gap:.25rem;
}

.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:44px;
    padding:0 .75rem;
    margin:0;
    border:0;
    border-radius:0; /* carré */
    background:transparent;
    color:#6c757d;
    text-decoration:none !important;
    box-shadow:none !important;
}

.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.current{
    background:#6c757d !important;
    color:#fff !important;
}

.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled){
    background:rgba(0,0,0,.06);
    color:#6c757d;
}

.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.disabled{
    opacity:.45;
    cursor:default !important;
}

.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.previous,
.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.next,
.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.first,
.et-monitoring-dt-wrapper .dataTables_paginate .paginate_button.last{
    font-size:1.4rem;
    line-height:1;
    padding:0 .9rem;
}

/*HIGHLIGHT QUERY MODIFIED*/
/* Wrapper du champ */
.rwmb-field.et-query-modified {
    border:0.2rem dashed var(--bs-info);
    padding: 0.3rem;
    position:relative;
    transition: all 0.3s ease-in-out;
}

/* Badge dans le label */
.rwmb-field.et-query-modified::after{
    content: "Query";
    display: block;
    position: absolute;
    top: -1.4rem;
    right:-0.2rem;
    width:fit-content;
    background: var(--bs-info);
    padding: 0.1rem 0.3rem;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 0.8rem;
    transition: all 0.3s ease-in-out;
}

.rwmb-field.et-query-modified.et-query-modified--sec::after{
    content:"SEC";
}

.rwmb-field.et-query-modified.et-query-modified--nar::after{
    content:"NAR";
}

.et-monitoring-dashboard {
    position: relative;
    margin-bottom: 1.5rem;
}

.et-monitoring-dashboard-card {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.25rem;
    border: 1px solid var(--bs-border-color);
    background: linear-gradient(135deg, var(--bs-white) 0%, var(--bs-gray-100) 100%);
    box-shadow: 0 0 1rem #e2e2e2;
    border-radius: 0.5rem;
    Margin-bottom:1rem;
}

.et-monitoring-dashboard-main {
    min-width: 0;
}

.et-monitoring-dashboard-count {
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
}

.et-monitoring-dashboard-count-number {
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: var(--bs-dark);
    font-family: var(--bs-heading-font-family);
}

.et-monitoring-dashboard-count-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--bs-secondary);
}

.et-monitoring-dashboard-actions {
    flex: 0 0 auto;
}

.et-monitoring-summary-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.95rem 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--bs-border-color);
    background: linear-gradient(135deg, var(--bs-white) 0%, var(--bs-gray-100) 100%);
    box-shadow: 0 0 1rem #e2e2e2;
    border-radius: 0.5rem;
}

.et-monitoring-summary-chips::before {
    content: "Champs suivis";
    flex: 0 0 100%;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--bs-secondary);
}

.et-monitoring-summary-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    max-width: 100%;
    border: 0;
    border-radius: 999px;
    color: var(--bs-dark);
    padding: 0.55rem 0.9rem;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}

.et-monitoring-summary-chip:hover,
.et-monitoring-summary-chip:focus-visible {
    border-color: var(--bs-dark);
    box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
    outline: 0;
}

.et-monitoring-summary-chip:active {
    transform: translateY(0);
}

.et-monitoring-field-action {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.et-monitoring-field-action-primary {
    display: inline-flex;
}

.et-monitoring-export-query {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    /*padding-left: 0;*/
    text-decoration: none;
}

.et-monitoring-export-query i {
    font-size: 0.95em;
}

.et-monitoring-field-action-export-only .et-monitoring-export-query {
    margin-top: 0.1rem;
}

.et-monitoring-field-action > small.text-muted.d-block.mt-1 {
    display: none !important;
}

.et-monitoring-fab {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1050;
    border-radius: 999px;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2);
}

.et-monitoring-offcanvas {
    --bs-offcanvas-width: 80vw!important;
}

html.et-monitoring-offcanvas-open,
body.et-monitoring-offcanvas-open {
    overflow: hidden;
}

body.et-monitoring-offcanvas-open {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
}

.et-monitoring-offcanvas .offcanvas-header {
    border-bottom: 1px solid var(--bs-border-color);
    align-items: flex-start;
}

.et-monitoring-offcanvas .offcanvas-body {
    background: var(--bs-gray-100);
    overflow-x: hidden;
    position: relative;
}

.et-monitoring-panel-intro {
    margin-bottom: 1rem;
    border: 1px solid #dde3e8;
    border-left: 4px solid var(--bs-yellow);
    border-radius: 0;
    background: #f2f4f6;
    box-shadow: none;
}

.et-monitoring-panel-table-wrapper {
    position: relative;
    z-index: 1;
    background: var(--bs-white);
    padding: 1rem;
    border: 1px solid #dfe4ea;
    border-radius: 0;
    box-shadow: none;
}

.et-monitoring-status-filters {
    display: grid;
    gap: 0.75rem;
    margin: 0 0 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid #dfe4ea;
    border-radius: 3px;
    background: #f8fafc;
}

.et-monitoring-status-filters-copy {
    display: grid;
    gap: 0.2rem;
}

.et-monitoring-status-filters-copy strong {
    color: var(--bs-dark);
    font-size: 0.95rem;
}

.et-monitoring-status-filters-copy .text-muted {
    font-size: 0.82rem;
}

.et-monitoring-status-filters-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.et-monitoring-status-filter,
.et-monitoring-status-filter-reset {
    --et-filter-bg: #fff;
    --et-filter-border: #d6dee6;
    --et-filter-color: var(--bs-primary);
    --et-filter-active-bg: var(--bs-primary);
    --et-filter-active-border: var(--bs-primary);
    --et-filter-active-color: #fff;
    --bs-btn-color: var(--et-filter-color);
    --bs-btn-bg: var(--et-filter-bg);
    --bs-btn-border-color: var(--et-filter-border);
    --bs-btn-hover-color: var(--et-filter-color);
    --bs-btn-hover-bg: var(--et-filter-bg);
    --bs-btn-hover-border-color: var(--et-filter-border);
    --bs-btn-focus-shadow-rgb: 16, 42, 67;
    --bs-btn-active-color: var(--et-filter-active-color);
    --bs-btn-active-bg: var(--et-filter-active-bg);
    --bs-btn-active-border-color: var(--et-filter-active-border);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--et-filter-border);
    border-radius: 3px;
    background: var(--et-filter-bg);
    color: var(--et-filter-color);
    font-size: 0.85rem;
    line-height: 1;
}

.et-monitoring-status-filter:hover,
.et-monitoring-status-filter:focus-visible,
.et-monitoring-status-filter-reset:hover,
.et-monitoring-status-filter-reset:focus-visible {
    border-color: var(--et-filter-border);
    background: var(--et-filter-bg);
    color: var(--et-filter-color);
    filter: brightness(0.98) saturate(1.04);
}

.et-monitoring-status-filter.is-active,
.et-monitoring-status-filter-reset.is-active {
    border-color: var(--et-filter-active-border);
    background: var(--et-filter-active-bg);
    color: var(--et-filter-active-color);
}

.et-monitoring-status-filters .btn.et-monitoring-status-filter,
.et-monitoring-status-filters .btn.et-monitoring-status-filter-reset {
    background-color: var(--et-filter-bg);
    border-color: var(--et-filter-border);
    color: var(--et-filter-color);
}

.et-monitoring-status-filters .btn.et-monitoring-status-filter.is-active,
.et-monitoring-status-filters .btn.et-monitoring-status-filter-reset.is-active {
    background-color: var(--et-filter-active-bg);
    border-color: var(--et-filter-active-border);
    color: var(--et-filter-active-color);
}

.et-monitoring-status-filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.45rem;
    min-height: 1.45rem;
    padding: 0 0.35rem;
    border-radius: 3px;
    border: 1px solid currentColor;
    background: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 700;
}

.et-monitoring-status-filter.is-active .et-monitoring-status-filter-count {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.et-monitoring-status-filter[data-et-filter-value="none"] {
    --et-filter-bg: rgba(108, 117, 125, 0.11);
    --et-filter-border: rgba(108, 117, 125, 0.28);
    --et-filter-color: var(--bs-secondary);
    --et-filter-active-bg: var(--bs-secondary);
    --et-filter-active-border: var(--bs-secondary);
    --et-filter-active-color: #fff;
}

.et-monitoring-status-filter[data-et-filter-value="auto_open"] {
    --et-filter-bg: rgba(255, 175, 0, 0.14);
    --et-filter-border: rgba(255, 175, 0, 0.38);
    --et-filter-color: #8a5f00;
    --et-filter-active-bg: var(--bs-warning);
    --et-filter-active-border: var(--bs-warning);
    --et-filter-active-color: var(--bs-primary);
}

.et-monitoring-status-filter[data-et-filter-value="open"] {
    --et-filter-bg: rgba(51, 204, 255, 0.16);
    --et-filter-border: rgba(51, 204, 255, 0.38);
    --et-filter-color: #00779a;
    --et-filter-active-bg: var(--bs-info);
    --et-filter-active-border: var(--bs-info);
    --et-filter-active-color: var(--bs-primary);
}

.et-monitoring-status-filter[data-et-filter-value="sec"] {
    --et-filter-bg: rgba(255, 175, 0, 0.18);
    --et-filter-border: rgba(255, 175, 0, 0.45);
    --et-filter-color: #7d5600;
    --et-filter-active-bg: var(--bs-warning);
    --et-filter-active-border: var(--bs-warning);
    --et-filter-active-color: var(--bs-primary);
}

.et-monitoring-status-filter[data-et-filter-value="nar"] {
    --et-filter-bg: rgba(3, 224, 181, 0.16);
    --et-filter-border: rgba(3, 224, 181, 0.4);
    --et-filter-color: #00856b;
    --et-filter-active-bg: var(--bs-success);
    --et-filter-active-border: var(--bs-success);
    --et-filter-active-color: var(--bs-primary);
}

.et-monitoring-status-filter[data-et-filter-value="sent_pds"] {
    --et-filter-bg: rgba(33, 37, 41, 0.08);
    --et-filter-border: rgba(33, 37, 41, 0.22);
    --et-filter-color: var(--bs-primary);
    --et-filter-active-bg: var(--bs-primary);
    --et-filter-active-border: var(--bs-primary);
    --et-filter-active-color: #fff;
}

.et-monitoring-status-filter[data-et-filter-value="answer_received"] {
    --et-filter-bg: rgba(108, 117, 125, 0.14);
    --et-filter-border: rgba(108, 117, 125, 0.3);
    --et-filter-color: var(--bs-secondary);
    --et-filter-active-bg: var(--bs-secondary);
    --et-filter-active-border: var(--bs-secondary);
    --et-filter-active-color: #fff;
}

.et-monitoring-status-filter[data-et-filter-value="closed"] {
    --et-filter-bg: rgba(3, 224, 181, 0.22);
    --et-filter-border: rgba(3, 224, 181, 0.44);
    --et-filter-color: #007a63;
    --et-filter-active-bg: var(--bs-success);
    --et-filter-active-border: var(--bs-success);
    --et-filter-active-color: var(--bs-primary);
}

.et-monitoring-panel-shell {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.et-monitoring-panel-shell .dataTables_wrapper,
.et-monitoring-panel-shell .et-monitoring-dt-wrapper,
.et-monitoring-panel-shell .et-monitoring-table-wrapper,
.et-monitoring-panel-shell .et-monitoring-table {
    position: relative;
    z-index: 1;
}

.et-monitoring-query-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 1056;
    width: min(var(--bs-offcanvas-width, 80vw), 100vw);
    height: 100vh;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.18s ease, visibility 0s linear 0.18s;
}

.et-monitoring-query-drawer.is-open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.18s ease;
}

.et-monitoring-query-drawer-backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    border: 0;
    background: rgba(20, 24, 31, 0.2);
    opacity: 0;
    transition: opacity 0.18s ease;
}

.et-monitoring-query-drawer.is-open .et-monitoring-query-drawer-backdrop {
    opacity: 1;
}

.et-monitoring-query-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: min(46rem, 100%);
    max-width: 100%;
    height: 100%;
    background: #f8f9fb;
    border-left: 1px solid #d6dde5;
    box-shadow: -1.5rem 0 2.5rem rgba(16, 24, 40, 0.18);
    transform: translateX(104%);
    transition: transform 0.22s ease;
    overflow: hidden;
}

.et-monitoring-query-drawer.is-open .et-monitoring-query-drawer-panel {
    transform: translateX(0);
}

.et-monitoring-query-drawer-loading {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 0.4rem 0.9rem rgba(0, 0, 0, 0.12);
}

.et-monitoring-query-drawer-content {
    height: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    padding: 1.25rem 1.4rem 1.75rem;
    background: #f8f9fb;
}

.et-monitoring-pds-query-drawer-content {
    height: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow: auto;
    padding: 1.25rem 1.4rem 1.75rem;
    background: #f8f9fb;
}

.et-monitoring-query-drawer-empty {
    min-height: 100%;
    display: grid;
    place-items: center;
    text-align: center;
    color: #6c757d;
    padding: 2rem;
}

.et-monitoring-query-drawer-transition {
    min-height: 100%;
    display: grid;
    place-items: center;
    padding: 2rem;
}

.et-monitoring-query-drawer-transition-inner {
    display: grid;
    justify-items: center;
    gap: 0.85rem;
    text-align: center;
    color: #5e6a75;
}

.et-monitoring-query-drawer-transition-title {
    font-family: var(--bs-heading-font-family);
    font-size: 1.25rem;
    color: var(--bs-dark);
}

.et-monitoring-query-drawer-transition-text {
    max-width: 22rem;
    font-size: 0.95rem;
}

.et-monitoring-pds-footer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    margin-top: 1rem;
    border: 1px solid #dfe4ea;
    background: #fff;
}

.et-monitoring-pds-footer-copy {
    display: grid;
    gap: 0.2rem;
    color: #4f5b66;
}

.et-monitoring-pds-footer-copy strong {
    color: var(--bs-dark);
    font-weight: 700;
}

.et-monitoring-pds-footer-copy p {
    color: #6c757d;
}

.et-monitoring-pds-send-form {
    margin: 0;
}

.et-monitoring-pds-send-form .btn {
    min-width: 18rem;
}

.et-monitoring-query-card {
    display: grid;
    gap: 0;
}

.et-monitoring-query-card-header {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    position: sticky;
    top: -1.25rem;
    z-index: 3;
    margin: -1.25rem -1.4rem 0;
    padding: 1.25rem 1.4rem 1rem;
    border-bottom: 1px solid #dfe5eb;
    background: rgba(248, 249, 251, 0.98);
    backdrop-filter: blur(8px);
}

.et-monitoring-query-card-header-main {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    flex: 1 1 auto;
}

.et-monitoring-query-card-header-feedback {
    min-height: 3.5rem;
    display: flex;
    align-items: flex-end;
    width: min(32rem, 100%);
}

.et-monitoring-query-header-actions {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.et-monitoring-query-nav {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.et-monitoring-query-nav .et-monitoring-nav-btn {
    min-width: 6.6rem;
    min-height: 2.4rem;
    padding-inline: 0.9rem;
    border-radius: 999px;
}

.et-monitoring-query-nav .et-monitoring-nav-btn[disabled] {
    opacity: 0.45;
}

.et-monitoring-query-card-kicker {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--bs-secondary);
}

.et-monitoring-query-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    padding: 1.1rem 0 1.25rem;
    border-bottom: 1px solid #dde3e8;
}

.et-monitoring-query-meta-card {
    border: 0;
    border-left: 1px solid #dde3e8;
    border-radius: 0;
    background: transparent;
    padding: 0 0 0 1rem;
    box-shadow: none;
}

.et-monitoring-query-meta-card:first-child {
    border-left: 0;
    padding-left: 0;
}

.et-monitoring-query-meta-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--bs-secondary);
}

.et-monitoring-query-meta-value {
    color: var(--bs-dark);
}

.et-monitoring-query-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
    padding-top: 1.25rem;
}

.et-monitoring-query-main,
.et-monitoring-query-aside {
    display: grid;
    gap: 0;
}

.et-monitoring-query-status-panel,
.et-monitoring-details-pds {
    border: 0;
    border-top: 1px solid #dde3e8;
    border-radius: 0;
    background: transparent;
    padding: 1.25rem 0 0;
    box-shadow: none;
}

.et-monitoring-query-main > div,
.et-monitoring-query-aside > div {
    border: 0;
    border-top: 1px solid #dde3e8;
    border-radius: 0;
    background: transparent;
    padding: 1.25rem 0 0;
    box-shadow: none;
}

.et-monitoring-query-main > div:first-child,
.et-monitoring-query-aside > div:first-child {
    padding-top: 0;
    border-top: 0;
}

.et-monitoring-query-drawer .head-title {
    margin: 0 1rem 1rem 0 !important;
    font-size: 1.55rem;
    font-weight: 500;
    line-height: 1.2;
    display:inline-block;
}

.et-monitoring-query-drawer .head-title:after {
    margin-left: 0;
}

.et-monitoring-query-drawer .rwmb-row.p-1 {
    padding: 0 !important;
    margin: 0;
}

.et-monitoring-query-drawer .rwmb-input.has-enhanced-widget:after {
    display: none;
}

.et-monitoring-query-drawer .rwmb-column .rwmb-field {
    margin-bottom: 0 !important;
}

.et-monitoring-query-drawer .rwmb-select-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-post-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-date-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-html5_date-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-partial_date-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-textarea-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-text-wrapper .rwmb-input,
.et-monitoring-query-drawer .rwmb-number-wrapper .rwmb-input {
    position: relative;
}

.et-monitoring-query-drawer .rwmb-select-wrapper .rwmb-input:after,
.et-monitoring-query-drawer .rwmb-post-wrapper .rwmb-input:after,
.et-monitoring-query-drawer .rwmb-date-wrapper .rwmb-input:after,
.et-monitoring-query-drawer .rwmb-html5_date-wrapper .rwmb-input:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 10px;
    color: var(--bs-body-color);
    font-size: 0.9em;
    transition: all 0.3s ease;
    pointer-events: none;
}

.et-monitoring-query-drawer .rwmb-html5_date-wrapper .rwmb-input:after {
    content: "\f133";
}

.et-monitoring-query-drawer .rwmb-date-wrapper .rwmb-input:after {
    content: "\f133";
}

.et-monitoring-query-drawer .rwmb-select-wrapper select,
.et-monitoring-query-drawer .rwmb-post-wrapper select,
.et-monitoring-query-drawer .rwmb-textarea,
.et-monitoring-query-drawer .rwmb-text-wrapper input[type="text"],
.et-monitoring-query-drawer .rwmb-date-wrapper input[type="text"],
.et-monitoring-query-drawer .rwmb-number-wrapper input[type="number"],
.et-monitoring-query-drawer .rwmb-number-wrapper input[type="text"],
.et-monitoring-query-drawer .rwmb-partial_date-wrapper input[type="text"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="date"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="month"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="week"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="time"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="datetime-local"],
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input[type="text"],
.et-monitoring-query-drawer .rwmb-input > input[type="text"]:not(.select2-search__field),
.et-monitoring-query-drawer .rwmb-input input[type="number"] {
    width: 100%;
    min-height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 3px;
    font-size: 14px;
    color: var(--bs-body-color);
    background: var(--bs-gray-400);
    box-sizing: border-box;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: none;
    appearance: none;
}

.et-monitoring-query-drawer .rwmb-select-wrapper select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.et-monitoring-query-drawer .rwmb-textarea {
    min-height: 120px;
    padding: 0.8rem 0.9rem;
    resize: vertical;
}

.et-monitoring-query-drawer .rwmb-select-wrapper select:hover,
.et-monitoring-query-drawer .rwmb-select-wrapper select:focus,
.et-monitoring-query-drawer .rwmb-post-wrapper select:hover,
.et-monitoring-query-drawer .rwmb-post-wrapper select:focus,
.et-monitoring-query-drawer .rwmb-textarea:hover,
.et-monitoring-query-drawer .rwmb-textarea:focus,
.et-monitoring-query-drawer .rwmb-date-wrapper input[type="text"]:hover,
.et-monitoring-query-drawer .rwmb-date-wrapper input[type="text"]:focus,
.et-monitoring-query-drawer .rwmb-input input[type="text"]:hover,
.et-monitoring-query-drawer .rwmb-input input[type="text"]:focus,
.et-monitoring-query-drawer .rwmb-input input[type="number"]:hover,
.et-monitoring-query-drawer .rwmb-input input[type="number"]:focus,
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input:hover,
.et-monitoring-query-drawer .rwmb-html5_date-wrapper input:focus,
.et-monitoring-query-drawer .rwmb-partial_date-wrapper input:hover,
.et-monitoring-query-drawer .rwmb-partial_date-wrapper input:focus {
    background: var(--bs-gray-200);
    color: var(--bs-secondary);
}

.et-monitoring-query-drawer .rwmb-select-wrapper select[disabled],
.et-monitoring-query-drawer .rwmb-post-wrapper select[disabled],
.et-monitoring-query-drawer .rwmb-input input[disabled],
.et-monitoring-query-drawer .rwmb-textarea[disabled] {
    background: #e2e7ed;
    color: #6e7881;
    cursor: not-allowed;
}

.et-monitoring-query-drawer .rwmb-checkbox-wrapper,
.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper,
.et-monitoring-query-drawer .rwmb-radio-wrapper,
.et-monitoring-query-drawer .rwmb-selectize-wrapper,
.et-monitoring-query-drawer .rwmb-date-wrapper,
.et-monitoring-query-drawer .rwmb-html5_date-wrapper,
.et-monitoring-query-drawer .rwmb-partial_date-wrapper {
    width: 100%;
    margin-bottom: 0;
}

.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper .rwmb-input-list,
.et-monitoring-query-drawer .rwmb-radio-wrapper .rwmb-input-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding: 0.85rem 1rem;
    background: var(--bs-gray-200);
    border-radius: 3px;
}

.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper label,
.et-monitoring-query-drawer .rwmb-radio-wrapper label,
.et-monitoring-query-drawer .rwmb-checkbox-wrapper label {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    margin: 0;
    color: var(--bs-body-color);
    font-family: var(--bs-font-sans-serif);
}

.et-monitoring-query-drawer .rwmb-checkbox-wrapper input[type="checkbox"],
.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper input[type="checkbox"] {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
    border-radius: 3px;
    background-color: var(--bs-gray-400);
    border: 0;
    appearance: none;
}

.et-monitoring-query-drawer .rwmb-radio-wrapper input[type="radio"] {
    width: 1rem !important;
    height: 1rem !important;
    margin: 0;
    border-radius: 999px;
    background-color: var(--bs-gray-400);
    border: 0;
    appearance: none;
}

.et-monitoring-query-drawer .rwmb-checkbox-wrapper input[type="checkbox"]:checked,
.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper input[type="checkbox"]:checked,
.et-monitoring-query-drawer .rwmb-radio-wrapper input[type="radio"]:checked {
    background: var(--bs-dark);
}

.et-monitoring-query-drawer .rwmb-checkbox-wrapper label span,
.et-monitoring-query-drawer .rwmb-checkbox_list-wrapper label span,
.et-monitoring-query-drawer .rwmb-radio-wrapper label span {
    position: static;
    margin: 0;
    top: auto;
}

.et-monitoring-query-drawer .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

.et-monitoring-query-drawer .select2-container .select2-selection--single,
.et-monitoring-query-drawer .select2-container .select2-selection--multiple {
    min-height: 40px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--bs-gray-400);
    box-shadow: none;
}

.et-monitoring-query-drawer .select2-container--default .select2-selection--single .select2-selection__rendered,
.et-monitoring-query-drawer .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--bs-body-color);
    line-height: 40px;
    padding-left: 10px;
}

.et-monitoring-query-drawer .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.et-monitoring-query-drawer .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important;
    background: var(--bs-white) !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: var(--bs-dark);
}

.et-monitoring-query-drawer .select2-container--default.select2-container--disabled .select2-selection--single,
.et-monitoring-query-drawer .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #e2e7ed !important;
    cursor: not-allowed;
}

.et-monitoring-query-drawer .selectize-control {
    width: 100%;
}

.et-monitoring-query-drawer .selectize-control .selectize-input,
.et-monitoring-query-drawer .selectize-control.single .selectize-input.input-active {
    min-height: 40px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--bs-gray-400) !important;
    box-shadow: none !important;
    padding: 0.45rem 0.7rem;
}

.et-monitoring-query-drawer .selectize-control .selectize-input.disabled,
.et-monitoring-query-drawer .selectize-control.disabled .selectize-input {
    background: #e2e7ed !important;
    opacity: 1;
}

.et-monitoring-query-drawer .selectize-dropdown {
    border: 1px solid #d6dee6;
    box-shadow: 0 0.45rem 0.9rem rgba(0, 0, 0, 0.08);
}

.et-monitoring-query-drawer .alert {
    margin-bottom: 0;
    border-radius: 0;
    border-width: 0 0 0 4px;
    background: #f1f4f7;
    box-shadow: none;
}

.et-monitoring-query-drawer .et-save-indicator {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.et-monitoring-pds-query-drawer .et-save-indicator {
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.et-monitoring-query-card-header .et-save-indicator .alert {
    width: 100%;
    margin: 0;
}

.et-monitoring-query-drawer .et-monitoring-cellule-comments-list {
    margin-bottom: 1rem;
}

.et-monitoring-query-drawer .et-monitoring-details-comments .et-monitoring-cellule-comments-list ul,
.et-monitoring-query-drawer .et-monitoring-details-comments .et-monitoring-cellule-comments-list > div {
    margin: 0;
    padding: 0;
    list-style: none;
}

.et-monitoring-query-drawer .et-monitoring-details-comments li,
.et-monitoring-query-drawer .et-monitoring-comment-item {
    margin-bottom: 0.65rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #e1e6eb;
}

.et-monitoring-query-drawer .et-monitoring-details-comments li:last-child,
.et-monitoring-query-drawer .et-monitoring-comment-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.et-monitoring-pds-query-drawer .et-monitoring-pds-comments-list {
    margin-bottom: 1rem;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-comments .et-monitoring-pds-comments-list ul,
.et-monitoring-pds-query-drawer .et-monitoring-details-comments .et-monitoring-pds-comments-list > div {
    margin: 0;
    padding: 0;
    list-style: none;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-comments li,
.et-monitoring-pds-query-drawer .et-monitoring-comment-item {
    margin-bottom: 0.65rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #e1e6eb;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-comments li:last-child,
.et-monitoring-pds-query-drawer .et-monitoring-comment-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-actions .btn,
.et-monitoring-pds-query-drawer .et-monitoring-details-actions form,
.et-monitoring-pds-query-drawer .et-monitoring-details-actions a {
    margin-bottom: 0;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-actions .btn {
    width: 100%;
    min-height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-actions .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.8rem 1rem;
    border-radius: 0.45rem;
    text-align: center;
}

.et-monitoring-pds-query-drawer .et-monitoring-details-sec.et-pds-proposed-disabled {
    opacity: 0.7;
}

.et-monitoring-pds-panel-flash {
    border-radius: 0;
}

.et-monitoring-pds-row-focus td {
    outline: 2px solid rgba(var(--bs-warning-rgb), 0.8);
    outline-offset: -2px;
}

.et-monitoring-query-drawer .et-monitoring-details-actions .btn,
.et-monitoring-query-drawer .et-monitoring-details-actions form,
.et-monitoring-query-drawer .et-monitoring-details-actions a {
    margin-bottom: 0;
}

.et-monitoring-query-drawer .et-monitoring-details-actions form {
    display: block !important;
    margin-left: 0 !important;
}

.et-monitoring-inline-save {
    /*display: flex;*/
    align-items: center;
    justify-content: flex-start;
    margin: 0.5rem 0 1.25rem;
    display:none!important;
}

[data-bs-dismiss="alert"] {
    display:none!important;
}

.et-monitoring-inline-save .btn {
    min-width: 14rem;
}

.et-monitoring-inline-save .btn[disabled],
.et-monitoring-query-drawer .et-monitoring-details-actions .btn[disabled] {
    opacity: 0.58;
    cursor: not-allowed;
}

.et-monitoring-action-list,
.et-monitoring-query-drawer .et-actions-editable {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: stretch;
}

.et-monitoring-query-drawer .et-monitoring-details-actions form,
.et-monitoring-query-drawer .et-monitoring-details-actions > a,
.et-monitoring-query-drawer .et-monitoring-details-actions > span,
.et-monitoring-query-drawer .et-actions-editable form {
    min-width: 0;
}

.et-monitoring-query-drawer .et-monitoring-details-actions .btn,
.et-monitoring-query-drawer .et-actions-editable .btn {
    width: 100%;
    min-height: 3.25rem;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding-inline: 1rem;
    text-align: center;
}

.et-monitoring-query-drawer .et-monitoring-details-actions .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.25rem;
    padding: 0.8rem 1rem;
    border-radius: 0.45rem;
    text-align: center;
}

.et-monitoring-query-drawer .et-monitoring-action-list > .et-actions-editable {
    display: contents;
}

.et-monitoring-panel-busy {
    position: absolute;
    inset: 0;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(248, 249, 251, 0.75);
    backdrop-filter: blur(4px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
}

.et-monitoring-panel-busy.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.et-monitoring-panel-busy-inner {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.9rem 1.8rem rgba(15, 23, 42, 0.12);
    color: var(--bs-dark);
    font-size: 0.95rem;
    font-weight: 600;
}

.et-monitoring-panel-busy.is-success .et-monitoring-panel-busy-inner {
    background: rgba(237, 248, 240, 0.98);
    color: #1f5c35;
}

.et-monitoring-panel-busy.is-error .et-monitoring-panel-busy-inner {
    background: rgba(255, 242, 242, 0.98);
    color: #8f2c2c;
}

.et-monitoring-panel-busy-inner .fa {
    flex: 0 0 auto;
    font-size: 1.15rem;
}

.et-monitoring-loader-svg {
    width: 1.25rem;
    height: 1.25rem;
    animation: et-monitoring-loader-rotate 1s linear infinite;
}

.et-monitoring-loader-svg .et-monitoring-loader-track {
    fill: none;
    stroke: rgba(13, 55, 92, 0.14);
    stroke-width: 4;
}

.et-monitoring-loader-svg .et-monitoring-loader-stroke {
    fill: none;
    stroke: var(--bs-info);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 90 150;
    stroke-dashoffset: 0;
    animation: et-monitoring-loader-dash 1.4s ease-in-out infinite;
}

.et-monitoring-notice-loader {
    display: inline-flex;
    vertical-align: middle;
}

.et-monitoring-source-field-synced {
    animation: et-monitoring-source-flash 1.4s ease;
}

@keyframes et-monitoring-loader-rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes et-monitoring-loader-dash {
    0% {
        stroke-dasharray: 1 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -22;
    }

    100% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -124;
    }
}

@keyframes et-monitoring-source-flash {
    0% {
        box-shadow: 0 0 0 0 rgba(13, 202, 240, 0.35);
    }

    60% {
        box-shadow: 0 0 0 0.55rem rgba(13, 202, 240, 0.16);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(13, 202, 240, 0);
    }
}

.et-monitoring-row-focus td {
    outline: 2px solid rgba(var(--bs-warning-rgb), 0.8);
    outline-offset: -2px;
}

.et-monitoring-toast-container {
    position: fixed;
    right: 1.5rem;
    bottom: 5.5rem;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    pointer-events: none;
}

.et-monitoring-toast {
    background: var(--bs-dark);
    color: var(--bs-white);
    border-radius: 999px;
    padding: 0.65rem 1rem;
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.et-monitoring-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.et-monitoring-panel-flash {
    border: 0;
    border-radius: 0.9rem;
    box-shadow: 0 0.9rem 1.7rem rgba(15, 23, 42, 0.1);
    padding: 0.9rem 1rem;
}

.et-monitoring-panel-flash.alert-success {
    background: #edf8f0;
    color: #1f5c35;
}

.et-monitoring-panel-flash.alert-danger {
    background: #fff2f2;
    color: #8f2c2c;
}

.et-monitoring-panel-flash-inner {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.45;
}

.et-monitoring-panel-flash-inner i {
    flex: 0 0 auto;
    font-size: 1.05rem;
}

@media (max-width: 991px) {
    .et-monitoring-dashboard-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .et-monitoring-dashboard-actions,
    .et-monitoring-dashboard-actions .btn {
        width: 100%;
    }

    .et-monitoring-offcanvas {
        --bs-offcanvas-width: 100vw;
    }

    .et-monitoring-query-drawer-panel {
        width: 100%;
    }

    .et-monitoring-query-layout,
    .et-monitoring-query-meta {
        grid-template-columns: 1fr;
    }

    .et-monitoring-pds-footer-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .et-monitoring-pds-send-form .btn {
        width: 100%;
        min-width: 0;
    }

    .et-monitoring-query-card-header {
        top: -1.25rem;
        flex-direction: column;
    }

    .et-monitoring-query-header-actions,
    .et-monitoring-query-nav {
        width: 100%;
        justify-content: space-between;
    }

    .et-monitoring-query-meta {
        gap: 0.85rem;
    }

    .et-monitoring-query-meta-card {
        border-left: 0;
        padding-left: 0;
        border-top: 1px solid #dde3e8;
        padding-top: 0.85rem;
    }

    .et-monitoring-query-meta-card:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .et-monitoring-action-list,
    .et-monitoring-query-drawer .et-actions-editable {
        grid-template-columns: 1fr;
    }

    .et-monitoring-query-drawer .et-monitoring-details-actions form,
    .et-monitoring-query-drawer .et-monitoring-details-actions > a,
    .et-monitoring-query-drawer .et-monitoring-details-actions > span,
    .et-monitoring-query-drawer .et-actions-editable form {
        width: 100%;
    }

    .et-monitoring-inline-save .btn {
        width: 100%;
        min-width: 0;
    }
}

button.badge.bg-yellow.text-dark.et-monitoring-pds-summary-chip {
    border: 0;
}

.et-monitoring-details-history {
    margin-top: 1rem;
}

.et-monitoring-history-table {
    font-size: .85rem;
}

.et-monitoring-history-table th {
    font-weight: 700;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5f6b76;
    border-top: 0;
    background: #f7f9fb;
}

.et-monitoring-history-table td {
    vertical-align: top;
    color: #243746;
}

.et-monitoring-history-table td .text-muted {
    font-size: .75rem;
}

button.btn-close.et-monitoring-close-query-drawer, .offcanvas button.btn-close {
    border: 1px solid #000;
    padding: .6rem;
    border-radius: 100%;
}

.et-monitoring-query-main strong.head-title {
    margin-top:1rem!important
}

.et-monitoring-row-associated-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.et-monitoring-associated-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.18rem 0.55rem;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    background: #eef4f8;
    color: #335066;
    border: 1px solid #d7e2ea;
}

.et-monitoring-associated-badge.is-warning {
    background: #fff8d9;
    color: #8a6a00;
    border-color: #f1dc7a;
}

.et-monitoring-associated-fields-section {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #dde4ea;
}

.et-monitoring-associated-fields-section.is-empty {
    display: none;
}

.et-monitoring-associated-fields-list {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 0.85rem;
}

.et-monitoring-associated-item {
    padding: 0.85rem 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 0.65rem;
    background: #fbfdff;
}

.et-monitoring-associated-item.is-hidden {
    display: none !important;
}

.et-monitoring-associated-item.is-disabled {
    opacity: 0.85;
}

.et-monitoring-associated-item-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.et-monitoring-associated-item-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #16354d;
    line-height: 1.35;
}

.et-monitoring-associated-item-header small code {
    font-size: 0.72rem;
    color: #7c8792;
    background: transparent;
    padding: 0;
}

.et-monitoring-associated-item-flag {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: rgba(255, 221, 87, 0.22);
    color: #7d6100;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.et-monitoring-associated-wrapper {
    width: 100%;
}

.et-monitoring-associated-wrapper .rwmb-label {
    display: none;
}

.et-monitoring-associated-wrapper .rwmb-input {
    width: 100%;
}

.et-monitoring-associated-wrapper .rwmb-field {
    margin-bottom: 0;
}

.et-monitoring-associated-wrapper .rwmb-input input[type="text"],
.et-monitoring-associated-wrapper .rwmb-input input[type="number"],
.et-monitoring-associated-wrapper .rwmb-input input[type="date"],
.et-monitoring-associated-wrapper .rwmb-input input[type="month"],
.et-monitoring-associated-wrapper .rwmb-input select,
.et-monitoring-associated-wrapper .rwmb-input textarea {
    width: 100%;
}

@media (max-width: 991px) {
    .et-monitoring-associated-item {
        padding: 0.8rem 0.85rem;
    }

    .et-monitoring-associated-item-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

a.btn.btn-link.btn-sm.et-monitoring-export-query {
    background: var(--bs-yellow);
    text-decoration: none;
}