.rulesTable {
    width: unset;
    table-layout: fixed;
    margin: 0.75rem 0.75rem 0 0.75rem;
    font-size: 0.9rem;

    td:nth-child(1) {
        white-space: nowrap;
        background: white !important;
        pointer-events: none;
        width: 20%;
    }

    td:nth-child(2) {
        width: 20%;
    }

    td:nth-child(3) {
        word-break: break-word;
        white-space: pre-wrap;
    }

    td, th {
        text-align: left;
    }

    .ruleIdCell {
        color: rgba(var(--gun-metal), 1);
        font-weight: 500;
        letter-spacing: 0.01rem;
        font-size: 1rem;

        &:has(a) {
            text-decoration: underline;
            pointer-events: all !important;
        }
    }

    td[title] {
        text-decoration: underline dotted;
    }
}

.proxy > .drill-down > .details > .body > drill-down {
    padding: 0.5rem;
}

.detailsPre {
    background: white;
    padding: 1rem;
    border-radius: 0.25rem;
}

drill-down .content {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 1rem;

    & .dd-viewSwitch {
        right: 1rem;
        top: 1.25rem;
    }
}

drill-down .content:has(.cm-host) {
    padding-bottom: 1rem;
}

drill-down .requests_responses {
    margin: 0 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

drill-down .req-res-group {
    background: #ffffff;
    border-radius: .5rem;
    border-bottom: 1px dashed rgba(var(--gun-metal), 1);

    &:last-child {
        border-bottom: none;
    }
}

drill-down .req-res-group:has(.cm-host) {
    padding: 0.75rem;
}

drill-down .req-res-group__grid {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

drill-down .req-res-block {
    display: flex;
    flex-direction: column;
}

drill-down .req-res-blocklabel {
    font-weight: 600;
    color: rgba(var(--gun-metal), 1);
    letter-spacing: 0.05rem;
    margin-bottom: .5rem;
}

drill-down .cm-host {
    overflow: scroll;
}

drill-down .cm-host--request, drill-down .cm-host--response {
    max-height: none;
    overflow: visible;
}

.issues-container {
    position: relative;
}

.dd-viewSwitch {
    position: absolute;
    display: flex;
    right: 0.5em;
    top: 0.5rem;
    gap: .5rem;
    z-index: 999999;
}

.dd-viewBtn {
    background: rgba(var(--gun-metal), .25);
    border-radius: .25rem;
    padding: .25rem 1rem;
    cursor: pointer;
}

.dd-viewBtn[aria-pressed="true"]{
    background: rgba(var(--gun-metal), 1);
}

.cm-panels .cm-panels-bottom {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 25vh !important;
    overflow: hidden !important;
    background: rgba(15, 15, 15, 0.96) !important;
    color: #ffffff !important;
}

.cm-panel.cm-panel-lint > ul, .cm-panel.cm-panel-lint .cm-lintDiagnostics {
    max-height: 25vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
}

.cm-panel.cm-panel-lint .cm-diagnostic {
    line-height: 1.2 !important;
    font-size: 0.85rem !important;
}

.cm-panel.cm-panel-lint .cm-diagnosticText {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: 0.85rem !important;
    opacity: 0.95 !important;
}