@font-face {
    font-family: 'Averta';
    src: url('fonts/Averta_Regular.otf') format('truetype');
}


@font-face {
    font-family: 'Averta Bold';
    src: url('fonts/Averta-ExtraBold.otf') format('truetype');
}

@font-face {
    font-family: 'Stag Sans Book';
    src: url('fonts/Stag Sans-Book.otf') format('truetype');
}


/* Dash mantine conflicts */
input:invalid {
    outline: none !important;
}


a {
    color: white
}

/* AG Grid table formatting */
.ag-theme-material .ag-row {
    font-family: Averta;
}

.ag-theme-material .ag-header {
    font-weight: bold;
    font-family: Averta;
    background-color: #0066A1;
    height: 20px;
}

.ag-theme-material .ag-header-cell {
    color: #fff;
}

/* Company-level column header (individual cell) */
.ag-theme-material .ag-header-cell.company-level-header {
    background-color: #ffe0b2;
    color: #4e342e;
}

/* Column GROUP header — company-specific data */
.ag-theme-material .ag-header-group-cell.company-group-header {
    background-color: #ffcc80;
    color: #4e342e;
    font-weight: 700;
    border-right: 2px solid #fb8c00;
}

/* Column GROUP header — lever-specific data */
.ag-theme-material .ag-header-group-cell.lever-group-header {
    background-color: #b3e5fc;
    color: #01579b;
    font-weight: 700;
    border-right: 2px solid #0288d1;
}

/* Individual child headers inside the lever group */
.ag-theme-material .ag-header-cell.lever-data-header {
    background-color: #e1f5fe;
    color: #01579b;
}

/* Instant "your click registered" feedback: flipped on the moment a lever row is
   clicked (before the server callback even responds) and cleared once the detail
   modal's content callback returns — see setLoadingCursor/clearLoadingCursor. */
body.lever-cursor-wait,
body.lever-cursor-wait * {
    cursor: wait !important;
}

/* Lever summary tables (main + "Other") — rows open a detail modal on click */
.lever-clickable-table .ag-row {
    cursor: pointer;
    transition: background-color 0.12s ease-in-out;
}

.lever-clickable-table .ag-row:hover {
    background-color: #e7f5ff;
}

.lever-clickable-table .ag-row:hover .lever-detail-chevron-cell {
    background-color: #1c7ed6;
    color: #fff;
}

/* "Click for details" pill shown at the end of each clickable row */
.lever-detail-chevron-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #1c7ed6;
    background-color: #e7f5ff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.12s ease-in-out, color 0.12s ease-in-out;
}

/* "How this tool works" trigger — subtle lift on hover so it clearly reads as clickable,
   on top of the already-interactive dmc "light" button variant. */
.lever-methodology-btn {
    transition: transform 0.12s ease-in-out, box-shadow 0.12s ease-in-out;
}

.lever-methodology-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(52, 120, 51, 0.3);
}

/* "How this tool works" modal body — dcc.Markdown output. The banner/close button are
   plain dmc components styled inline (see _methodology_modal); this only styles the
   rendered markdown itself (headings, tables, callouts, code, links, formulas). */
.methodology-markdown h1 {
    color: #347833;
    font-size: 1.6rem;
    margin-top: 0;
}

.methodology-markdown h2 {
    color: #347833;
    font-size: 1.25rem;
    margin-top: 28px;
    padding-bottom: 6px;
    border-bottom: 2px solid #dce9dc;
}

.methodology-markdown h3 {
    color: #2a5f28;
    font-size: 1.05rem;
    margin-top: 20px;
}

.methodology-markdown hr {
    border: none;
    border-top: 1px solid #e9ecef;
    margin: 24px 0;
}

.methodology-markdown p,
.methodology-markdown li {
    line-height: 1.65;
    color: #343a40;
}

.methodology-markdown a {
    color: #347833;
}

.methodology-markdown code {
    background-color: #f1f3f5;
    color: #c92a2a;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.9em;
}

.methodology-markdown table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0 20px;
    font-size: 0.92rem;
}

.methodology-markdown th,
.methodology-markdown td {
    border: 1px solid #dee2e6;
    padding: 8px 12px;
    text-align: left;
}

.methodology-markdown th {
    background-color: #347833;
    color: #fff;
    font-weight: 600;
}

.methodology-markdown tr:nth-child(even) td {
    background-color: #f8f9fa;
}

/* "> **Note:**" / "> ⚠️" callouts */
.methodology-markdown blockquote {
    background-color: #fff9db;
    border-left: 4px solid #f5c518;
    margin: 16px 0;
    padding: 10px 16px;
    border-radius: 0 6px 6px 0;
    color: #5c4a00;
}

.methodology-markdown blockquote p {
    color: #5c4a00;
    margin: 0;
}

.upload-box {
    height: 30vh;
    line-height: 60px;
    border-width: 1px;
    border-style: dashed;
    border-radius: 10px;
    text-align: center;
    margin: auto;
    color:#A0AEC0;
    vertical-align: middle;
}