#concentratedStocksPage {
    padding: 0px;
}

.concentratedStocks_gridContainer {
    width: 99%;
    margin: 5px;
}

.removeGrid_margin {
    padding: 0px;
}

.common_paginationContainer{
    z-index: 2;
    position: relative;
}

.orange-alert-cell {
    background-color: rgb(255, 213, 128, 0.6) !important;
}

.red-alert-cell {
    background-color: rgb(255, 199, 206, 0.8) !important;
}

.actionRowContainer {
    display: flex;
    justify-content: space-between;
    margin: 5px 0px 0px;
    padding: 0 0 5px;
}

#gridActionButtonRow {
    display: flex;
    width: fit-content;
    column-gap: 10px;
}

.concentratedStocks_actionBtn {
    padding-top: 3px;
    border-radius: 0px;
    float: left;
    margin-top: 8px;
    height: 25px;
    width: 100px;
}

.concentratedStocks_actionBtn_disabled {
    pointer-events: none;
    background-color: gray;
    color: black;
    -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
    -ms-transition: background-color 200ms ease-in,color 200ms ease-in;
    transition: background-color 200ms ease-in,color 200ms ease-in;
}

.expand-icon-container {
    display: flex;
    height: 100%;
    align-items: center;
}

.expanded_gridbody .ui-grid-viewport{
    overflow: auto !important;
}

.alert-svg-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    color: rgb(237, 108, 2);
    --IconButton-hoverBg: rgba(237, 108, 2, 0.04);
    border: none;
    width: 2em;
    height: 2em;
}

.alert-bell {
    user-select: none;
    display: inline-block;
    fill: currentcolor;
}

.filter-dropdown-menu div:hover {
    background-color: #f0f0f0;
}

.selected-filter {
    background-color: #e6f2ff;
    font-weight: bold;
}

.filter-icon-btn:hover {
    background-color: #f5f5f5;
}

.ui-grid-filter-input{
    width: 100%;
}

/*Header cell ellipses*/
div.ui-grid-cell-contents[role="button"] {
    display: flex;
    .ui-grid-header-cell-label{
        display: inline-block;
        width: calc(100% - 35px);
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.inner-ellipsis div {
    padding-left: 5px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.preserve-spaces div {
    white-space: pre !important;
}

.popover-inner{
    padding: 10px;
}

.popover-inner div{
    white-space: pre-wrap;
}

@media only screen and (min-width: 801px) and (max-width: 1280px) {
    .grid {
        height: 410px;
    }
}

@media only screen and (min-width: 1440px) and (max-width: 1679px) {
    .grid {
        height: 500px;
    }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    .grid {
        height: 760px;
    }
}

/* Increase header height to 90px and create 2-line layout - Scoped to concentratedStocks only */
#concentratedStocksPage .ui-grid-header-cell {
    height: 90px !important;
}

#concentratedStocksPage .ui-grid-header-cell-wrapper {
    height: 90px !important;
}

/* Make header contents use relative positioning for custom layout */
#concentratedStocksPage .ui-grid-header-cell .ui-grid-cell-contents {
    position: relative !important;
    height: 100% !important;
    padding: 8px 5px !important;
    display: block !important;
}

/* Line 1: Header text takes full width */
#concentratedStocksPage .ui-grid-header-cell .ui-grid-header-cell-label {
    display: block !important;
    width: 100% !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    height: 22px !important;
    line-height: 22px !important;
    position: relative !important;
}

/* Line 2: Sort icon and menu button on same line using absolute positioning */
#concentratedStocksPage .ui-grid-header-cell .ui-grid-sort-indicator {
    position: absolute !important;
    left: 5px !important;
    top: 34px !important;
    display: block !important;
    float: none !important;
}

#concentratedStocksPage .ui-grid-header-cell .ui-grid-column-menu-button {
    position: absolute !important;
    top: 26px !important;
    display: inline-block !important;
    right: 0px !important;
}

/* Ensure filter row stays below on line 3 */
#concentratedStocksPage .ui-grid-header-cell .ui-grid-filter-container {
    position: absolute !important;
    top: 55px !important;
    width: 100%;
    
}

.bloomberg-import-price-timestamp {
    margin-left: 10px;
    padding-top: 10px;
    display: inline-block;
    color: black;
    font-size: 16px;
}

/* Standardize all filter input heights */
#concentratedStocksPage .ui-grid-header-cell .ui-grid-filter-input {
    height: 25px !important;
    line-height: 25px !important;
    padding: 2px 5px !important;
    box-sizing: border-box !important;
}