.tabulator {
    font-size: 12px;
    border: 1px solid #fff;
    background-color: #fff;
}

.tabulator .tabulator-header {
    font-size: 10px;
    font-weight: bold;
    border-bottom: 3px solid #33BBEE;
    margin-bottom: 4px;
    background-color: #fff;
    background: #fff;
    color: #000000;
}

.tabulator .tabulator-tableholder .tabulator-table {
    color: black;
}

.tabulator .tabulator-col {
    background-color: #fff;
}

.tabulator .tabulator-header .tabulator-col {
    background-color: #fff;
}

.tabulator .tabulator-col-content {
    background-color: #fff;
}

.tabulator-row.tabulator-selected .tabulator-cell {
    background-color: #33BBEE;
}

.tabulator-row.tabulator-selected:hover .tabulator-cell {
    background-color: #33AADD;
}

/* Support row color classes — use classes instead of inline styles
   so that Tabulator's hover/selected rules can still apply. */
.tabulator-row.support-color-green {
    background-color: #00FF0040;
}

/* Renewal row color classes — use classes instead of inline styles
   so that Tabulator's hover/selected rules can still apply. */
.tabulator-row.renewal-color-red {
    background-color: salmon;
}
.tabulator-row.renewal-color-green {
    background-color: lightgreen;
}
.tabulator-row.renewal-color-yellow {
    background-color: yellow;
}

/* Telemetry row color classes */
.tabulator-row.telemetry-row-red {
    background-color: #FF634740;
}
.tabulator-row.telemetry-row-orange {
    background-color: #FFA50040;
}
.tabulator-row.telemetry-row-green {
    background-color: #00FF0020;
}
.tabulator-row.telemetry-event-bold .tabulator-cell {
    font-weight: bold;
}

.tabulator-row.telemetry-row-yellow {
    background-color: #FFD70030;
}
.telemetry-failure-icon {
    color: #E67E22;
    font-size: 14px;
}

/* Telemetry lifecycle icons */
.telemetry-lifecycle-install {
    color: #FFD700;
}
.telemetry-lifecycle-upgrade {
    color: #1E90FF;
}
.telemetry-lifecycle-os {
    color: #32CD32;
}

/* Permission status indicators */
.perm-ok {
    color: #2E7D32;
    font-weight: 600;
}
.perm-deny {
    color: #C62828;
    font-weight: 600;
}

/* Allow scrolling inside tall tooltips (overrides Tabulator's pointer-events:none) */
.tabulator-popup-container.tabulator-tooltip {
    pointer-events: auto;
    width: fit-content;
    height: fit-content;
    max-width: 420px;
}