html,
body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Outfit', sans-serif !important;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace !important;
}

.font-inter {
    font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

.font-outfit {
    font-family: 'Outfit', sans-serif !important;
}

.font-jetbrains {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Fix for Firefox tooltip visibility */
.tooltip {
    position: relative;
    z-index: 15;
}

.tooltip-content {
    visibility: visible !important;
    z-index: 15;
}

.tooltip:hover .tooltip-content {
    visibility: visible !important;
}

.table {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
}

.table td {
    border: 1px solid rgba(200, 200, 200, 0.05);
    transition: border-color 0.2s ease;
}

.table th {
    border-bottom: 1px solid rgba(200, 200, 200, 0.05);
}

.table tr {
    transition: background-color 0.2s ease;
}

.table tr:hover {
    background-color: rgba(200, 200, 200, 0.1);
}

.table td.hover-cell:hover {
    border-color: rgba(200, 200, 200, 0.6);
}

.transient-checkbox-wrapper:has(.transient-checkbox:checked) {
    opacity: 1 !important;
}

/* Fallback for browsers that don't support :has() */
.transient-checkbox:checked {
    opacity: 1 !important;
}