/* BlockRock High-Contrast Light Enterprise Design System */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');

:root {
    --bg-main: #eef2f6;
    --bg-surface: #ffffff;
    --border-color: #cbd5e1;
    --text-primary: #0f172a;
    --text-black: #000000;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-main);
    color: var(--text-primary);
}

code, pre, .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Custom Clean Scrollbars */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #e2e8f0;
}

::-webkit-scrollbar-thumb {
    background: #94a3b8;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Custom Dropdown Scrollbar */
#customChainMenu::-webkit-scrollbar {
    width: 5px;
}
#customChainMenu::-webkit-scrollbar-track {
    background: #f8fafc;
}
#customChainMenu::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

/* Forensic Canvas Container */
#forensicNetwork {
    width: 100%;
    height: 100%;
    background-color: transparent;
    outline: none;
    cursor: grab;
}

#forensicNetwork:active {
    cursor: grabbing;
}

#forensicNetwork canvas {
    outline: none;
}

/* Smooth Transitions */
button, input, select, a {
    transition: background-color 0.1s ease, border-color 0.1s ease;
}

/* Highly responsive, zero-lag scroll container for all dropdown menus */
#customChainMenu, #customOrgMenu, #customCexMenu {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    scroll-behavior: auto !important;
}

#customChainMenu button, #customOrgMenu button, #customCexMenu button {
    transition: background-color 0.05s ease !important;
}

/* High Contrast Table */
table {
    border-collapse: separate;
    border-spacing: 0;
}

/* Custom Org and CEX Dropdown Scrollbars */
#customOrgMenu::-webkit-scrollbar,
#customCexMenu::-webkit-scrollbar {
    width: 5px;
}
#customOrgMenu::-webkit-scrollbar-track,
#customCexMenu::-webkit-scrollbar-track {
    background: #f8fafc;
}
#customOrgMenu::-webkit-scrollbar-thumb,
#customCexMenu::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}