/* Boostili Corporate LeadMatrix Styling */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
    --bg-main: #100f0e;
    --bg-surface: #181715;
    --bg-card: #201e1a;
    --border-color: #333028;
    --border-hover: #4a4539;
    --accent-yellow: #ffb313;
    --accent-yellow-hover: #ffc03b;
    --text-primary: #f5f1e8;
    --text-muted: #9e988b;
    --ink-dark: #141311;
}

body {
    background-color: var(--bg-main);
    color: var(--text-primary);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-mono {
    font-family: 'Space Mono', monospace;
}

::selection {
    background-color: var(--accent-yellow);
    color: var(--ink-dark);
}

/* Custom modern scrollbars */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #333028;
    border-radius: 9999px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #4a4539;
}

/* Seniority & Size badge active styles - Boostili Signal Yellow */
.seniority-pill.active,
.size-pill.active {
    background-color: var(--accent-yellow) !important;
    border-color: var(--accent-yellow) !important;
    color: var(--ink-dark) !important;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(255, 179, 19, 0.25);
}

/* Sticky column shadow separator */
td.sticky, th.sticky {
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.5);
}

/* Truncated cells */
.truncate-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Admin Dashboard Metrics Card */
.metric-box {
    background: #201e1a;
    border: 1px solid #333028;
    border-radius: 10px;
    padding: 16px;
    transition: border-color 0.2s;
}
.metric-box:hover {
    border-color: #4a4539;
}