/* Application Color Overrides */
.text-profit {
    color: limegreen !important;
}

.text-loss {
    color: red !important;
}

/* Subtle bracketed formatting */
.median-metric-span {
    font-size: 1em; /* Explicitly smaller than main P&L */
    font-weight: 500;
}
/*CSS elements related to context menu*/
/* 1. Completely hide the default Bootstrap arrow caret */
.no-caret::after {
    display: none !important;
}

/* 2. Style the Context Menu container to match your top blue filters */
.custom-context-menu {
    background-color: #1a1063 !important; /* Premium deep blue shade matching top controls */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 6px !important;
    padding: 0.35rem 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

    /* 3. Style the individual items inside the menu */
    .custom-context-menu .dropdown-item {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 0.9rem;
        transition: all 0.15s ease-in-out;
    }

        /* 4. Elegant hover state inside the dropdown */
        .custom-context-menu .dropdown-item:hover {
            background-color: #2b1b87 !important; /* Shifts to Indigo on hover */
            color: #fff !important;
        }

/* 5. Keep the button trigger clean and micro-spaced */
/* Styling the trigger button to look like a high-visibility actionable widget */
.context-trigger-btn {
    color: rgba(255, 255, 255, 0.85) !important; /* High contrast text white */
    background-color: #311b92 !important; /* Pure matching drop-down control blue */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px;
    padding: 2px 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

    /* Hover or Open active states maintain the highlight accent borders */
    .context-trigger-btn:hover,
    .show > .context-trigger-btn {
        color: #fff !important;
        background-color: #311b92 !important; /* Shifts matching your Indigo header style */
        border-color: #0d6efd !important; /* Sharp accent activation border line */
        box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
    }
    /*Additional css to stabilize the context menu on other pages like BreakoutMonitor, PremiumReports etc.*/
/* Only the dropdown wrapper and menu, not every td */
.dropdown.position-absolute {
    z-index: 10;
}

    .dropdown.position-absolute.show,
    .dropdown.position-absolute:has(.show) {
        z-index: 2000 !important;
    }

.custom-context-menu {
    z-index: 2001 !important;
}

/* Do NOT force overflow:visible globally.
           Only relax it on the specific table wrapper holding these rows. */
.slick-table.table-responsive {
    overflow: visible; /* only if this specific table needs it */
}