.lc-group-header-segments-button-icon {
    width: 12px;
    /* height: 10px; */
    left: 1px;
    top: 0px;
    /* Textos / Claros */

    background: #8b90a3;
    transform: matrix(0, 1, 1, 0, 0, 0);
}

.lc-group-header-segments .chevron-visible {
    transform: rotate(0deg);
}

.titlefix {
    width: calc(100% - 36px);
    transform: translateY(-30px);
    display: flex;
    position: relative;
    z-index: 1000000;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.lc-group-header-segments .chevron-nonvisible {
    transform: rotate(-90deg);
}

.bodyGroup.collapsed {
    max-height: 0;
    display: none;
    min-width: calc(30vw);
}

.bodyGroup>div {
    width: calc(100% - 4px);
}

.bodyGroup.scroll>div {
    width: calc(100% + 4px);
}

.bodyGroup.scroll>div::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background-color: #eee;
    z-index: 5;
}

.bodyGroup.scroll>div::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 0.25rem;
}

.bodyGroup.scroll>div::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.bodyGroup.scroll>div::-webkit-scrollbar-track {
    border-radius: 0.25rem;
}

.bodyGroup {
    min-width: calc(30vw);
}

.lc-group-header-segments-button {
    /* Frame 129 */

    width: 12px;
    left: 4px;
    top: 9px;
    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 6px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.lc-group-header-segments-money {
    /* 0,00 */
    width: 100px;
    height: 22px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 160%;
    /* or 22px */

    text-align: right;
    letter-spacing: -0.05em;
    font-feature-settings: "tnum" on, "lnum" on;
    /* Textos / Padr?o */

    color: #525252;
    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0px 6px;
}

.lc-group-header-segments-title {
    /* Texto */
    max-width: calc(100vw - 620px);
    height: 22px;
    /* Texto/Padr?o - 14pt/Semibold */

    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    /* or 22px */
    /* Link */

    color: var(--text-default);
    /* Inside auto layout */

    margin: 0px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-group-header-segments {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 4px;
    width: 100%;
    height: 30px;
    background: #ebebeb;
    border-radius: 6px;
    margin: 4px 0px;
}

.icon-minus,
.icon-plus {
    margin-right: 10px;
    position: relative;
}


.values-container {
    display: flex;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
    overflow: visible;
    justify-content: flex-end;
    gap: 15px;
    width: 350px;
}

/* Regras simples para todas as colunas */
.values-container span.row,
.values-container div.row,
span.row.w-100.text-right,
div.row.w-100.text-right {
    width: 100px !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.values-container-wrapper {
    position: relative;
    transition: transform 0.2s ease;
}

.drag-area {
    position: absolute;
    left: -12px;
    top: 0;
    bottom: 0;
    width: 4px;
    cursor: col-resize;
    z-index: 11;
    background-color: transparent;
    pointer-events: auto;
}

.drag-area:hover+.drag-line {
    background-color: #999;
}

.drag-line {
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #ccc;
    z-index: 5;
    border-radius: 1px;
    opacity: 0.7;
    transition: background-color 0.2s ease;
    pointer-events: none;
}

.drag-line:hover {
    background-color: #999;
}

.finops-row .values-container-wrapper,
.virtual-item .values-container-wrapper,
.tree-node .values-container-wrapper,
.tree-node-child .values-container-wrapper {
    position: relative;
    transition: transform 0.2s ease;
}

.finops-row .values-container-wrapper .drag-line,
.virtual-item .values-container-wrapper .drag-line,
.tree-node .values-container-wrapper .drag-line,
.tree-node-child .values-container-wrapper .drag-line {
    display: block;
}

.values-container {
    position: relative;
    z-index: 12;
    pointer-events: auto;
}

.values-container span {
    position: relative;
    z-index: 13;
    pointer-events: auto;
}

.drag-area:hover {
    cursor: col-resize;
}

.drag-area:hover+.drag-line {
    background-color: #999;
}

.lc-segment-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-height: 27px;
}

.lc-segment-title-filter {
    display: flex;
    justify-content: flex-end;
}

.lc-group-body {
    width: 65%;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: center;
    top: 75px;
}

.lc-group-row {
    padding-left: 32px;
    padding-right: 3px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    height: 30px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0;
    max-width: inherit;
}

.lc-group-row-inner-text {
    max-width: calc(100vw - 600px);
    height: 22px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: var(--text-default);
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-group-row-inner-text-sidemodal {
    max-width: calc(100vw - 600px);
    height: 22px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: var(--text-default);
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-group-row-inner-money {
    width: 100px;
    height: 22px;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: right;
    font-feature-settings: "tnum" on, "lnum" on;
    color: var(--text-default);
    margin: 0 2px 0 10px;
}

.lc-group-row-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: inherit;
    height: 22px;
    justify-content: space-between;
}

.lc-group-row-inner>.row>.lc-iconlink.small {
    visibility: hidden;
}

.lc-group-row-inner:hover>.row>.lc-iconlink.small {
    visibility: visible;
}

.lc-group-header-segments>.row>.lc-iconlink.small {
    visibility: hidden;
}

.lc-group-header-segments:hover>.row>.lc-iconlink.small {
    visibility: visible;
}

.lc-selectLabel {
    position: static;
    height: 18px;
    left: 0px;
    top: 0px;
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    line-height: 150%;
    font-size: 12px;
    line-height: 150%;
    margin: 3px 0px;
}

.lc-group-row>.lc-group-row-inner>.pp-tooltip {
    width: 80%;
    overflow: hidden;
}


.finops-row-title {
    border-bottom: solid 1px #E2E6F3;
    display: flex;
    justify-content: space-between;
    /* background: #EAEEF6; */
    /* border-radius: 0.25rem; */
    /*padding: 0.25rem 0.5rem;*/
    color: #2E1956;
    font-family: "Ubuntu", sans-serif;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.maiores-consumos-full {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.maiores-consumos-full .titlefix {
    min-height: 1.25rem;
    margin-bottom: 4px;
    transform: translateY(0);
}

.finops-row {
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    margin-left: 0px;
    color: #2E1956;
    align-items: center;
    padding: 1px 0;
    line-height: 1.2;
}

.finops-row:hover {
    background-color: #F1F5FB !important;
}

.finops-row:nth-child(even) {
    background: #fff;
}

.striped .finops-row:nth-child(odd) {
    background-color: #fdfdfd;
}

.finops-row:nth-child(odd) {
    background: #fff;
}

.finops-row.link {
    margin-left: 0;
}

/* .finops-row .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
} */

/* Estilos para Virtual Table */
.virtual-data-container {
    width: 100%;
    border: none;
    border-radius: 4px;
    background: #fff;
    margin: 4px 0;
}

.virtual-data-container .finops-row {
    border-bottom: 1px solid #ccc;
    margin-left: 0;
    padding: 4px 8px;
}

.virtual-data-container .finops-row:last-child {
    border-bottom: none;
}

.virtual-data-container .finops-row:hover {
    background-color: #F1F5FB !important;
}

/* Customiza??o da scrollbar para a virtual table */
.virtual-data-container div[style*="overflow"]::-webkit-scrollbar {
    width: 6px;
}

.virtual-data-container div[style*="overflow"]::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 3px;
}

.virtual-data-container div[style*="overflow"]::-webkit-scrollbar-thumb {
    background: #cccccf;
    border-radius: 3px;
}

.virtual-data-container div[style*="overflow"]::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

.expand-collapse-buttons {
    display: flex;
    align-items: left;
}

.expand-collapse-buttons>.btn-expand {
    border: none;
    background: #fff;
    color: var(--color-primary-blue);
    font-size: 12px;
    padding: 5px 0px;
    margin-bottom: 5px;
    font-family: "Ubuntu", sans-serif;
}

.expand-collapse-buttons .btn-expand:hover {
    /* background: #F1F5FB; */
    color: var(--text-default);
    font-family: "Ubuntu", sans-serif;
}

/* Estrutura de ?rvore baseada no CodePen */
.tree-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tree-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 16px;
    position: relative;
}


.tree-list::after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.tree-child {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 16px;
    position: relative;
}

.tree-child:after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.tree-node:last-child:before {
    background: white;
    height: auto;
    top: 0.75em;
    bottom: 0;
}

.custom-virtual-list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.virtual-scroll-container {
    border-radius: 4px;
    margin-left: 0px;
    position: relative;
    overflow: auto;
    padding: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

.virtual-scroll-container>div {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}


.virtual-scroll-container::-webkit-scrollbar {
    width: 6px;
}

.virtual-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.virtual-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.virtual-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.virtual-item {
    /* border-bottom: 1px solid #eee; */
    background: white;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 1.1;
}

.virtual-item:hover {
    background: #f5f5f5;
}

.virtual-item.last-item {
    border-bottom: none;
}

.virtual-item>.finops-row>div>span:last-child {
    margin: 0 2px;
}


.tree-node {
    margin: 0;
    padding: 0 4px;
    line-height: 1.1em;
    position: relative;
    overflow: clip;
    list-style: none;
}

.tree-node-child {
    list-style: none;
    line-height: 1.1em;
    position: relative;
    margin: 0;
}

.tree-node-child:last-child:before {
    background: white;
    height: auto;
    top: 0.75em;
    bottom: 0;
}

.tree-parent {
    /* overflow: clip; */
}

.tree-node-child>.finops-row.level-1,
.tree-node>.finops-row.level-0,
.tree-child.striped>.tree-node-child>.virtual-scroll-container>div>.virtual-item>.finops-row.level-2,
.tree-child.striped>.tree-parent>.tree-node-child>.finops-row.level-2 {
    margin-right: 6px !important;
}

.tree-node-child>.finops-row.level-3,
.virtual-item>.finops-row.level-3 {
    margin-right: 0px !important;
}
.redesign_costPage__e3LRO {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
    color: #0F172A;
    font-family: 'Ubuntu', sans-serif;
}

/* ============================ Header ============================ */
.redesign_header__lcVCD {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 8px 12px;
    flex-shrink: 0;
}

.redesign_headerLeft__HNAdw {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.redesign_headerTitle__YYHKr {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0F172A;
    line-height: 1.2;
    margin: 0;
}

.redesign_headerSubtitle__vNQBN {
    font-size: 0.75rem;
    color: #64748B;
    line-height: 1.4;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.redesign_headerSubtitleSep__nRJNQ {
    color: #CBD5E1;
}

.redesign_headerActions__udmOI {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.redesign_headerLastUpdate__lSsYW {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #64748B;
}

.redesign_headerExport__FClyz {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #0F172A;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
}

.redesign_headerExport__FClyz:hover {
    background: #F1F5F9;
}

.redesign_headerIconButton__2TEh6 {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.redesign_headerIconButton__2TEh6:hover {
    background: #F1F5F9;
    color: #0F172A;
}

/* ============================ Filter Bar ============================ */
.redesign_filterBar__0AwcR {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 8px 8px 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.redesign_filterBar__0AwcR > * {
    flex-shrink: 0;
}

.redesign_filterSearch__lVOsL {
    flex: 1 1 220px;
    min-width: 200px;
    max-width: 360px;
}

.redesign_filterSearchInner__55hfO {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.redesign_filterSearchLabel__OujQE {
    font-size: 0.7rem;
    color: #64748B;
    font-weight: 500;
}

.redesign_filterSearchInput__3p75C {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    background: #FFFFFF;
}

.redesign_filterSearchInput__3p75C:focus-within {
    border-color: #1D4ED8;
    box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.12);
}

.redesign_filterSearchInput__3p75C input {
    flex: 1 1;
    border: none;
    outline: none;
    font-size: 0.8rem;
    color: #0F172A;
    background: transparent;
}

.redesign_filterClear__k\+RiL {
    margin-left: auto;
    background: transparent;
    border: none;
    color: #1D4ED8;
    font-size: 0.8rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 4px;
}

.redesign_filterClear__k\+RiL:hover {
    color: #0F3B66;
}

.redesign_filterClear__k\+RiL:disabled {
    color: #94A3B8;
    cursor: not-allowed;
}

/* ============================ KPI Strip ============================ */
.redesign_kpiStrip__kATRB {
    display: flex;
    gap: 16px;
    padding: 4px 8px 16px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.redesign_kpiItem__S3L1J {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1;
    min-width: 0;
    max-width: 100%;
    padding: 4px 8px;
    overflow: hidden;
}

.redesign_kpiItem__S3L1J + .redesign_kpiItem__S3L1J {
    border-left: 1px solid #F1F5F9;
}

.redesign_kpiIcon__v-HPX {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    font-size: 20px;
    flex-shrink: 0;
}

.redesign_kpiIconPositive__lU82H { color: #15803D; }
.redesign_kpiIconNegative__TLhCu { color: #DC2626; }
.redesign_kpiIconNeutral__4MDrB  { color: #64748B; }

.redesign_kpiBody__2E6hF {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.redesign_kpiLabel__Uqy2o {
    font-size: 0.7rem;
    color: #64748B;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.redesign_kpiValue__iIHSo {
    font-size: 1rem;
    font-weight: 600;
    color: #0F172A;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.redesign_kpiValuePositive__PkygK { color: #15803D; }
.redesign_kpiValueNegative__rqv9- { color: #DC2626; }

.redesign_kpiSecondary__8ta6x {
    font-size: 0.72rem;
    color: #64748B;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.redesign_kpiSecondaryDelta__Zrl9f {
    font-weight: 600;
}

/* ============================ Grid ============================ */
.redesign_gridContainer__7GuNh {
    flex: 1 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 8px;
}

.redesign_gridHeader__7UJbV,
.redesign_gridRow__epZyP {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) 140px 140px 150px 130px 150px 48px;
    align-items: center;
    grid-column-gap: 8px;
    column-gap: 8px;
    padding: 8px 12px;
}

.redesign_gridHeader__7UJbV {
    font-size: 0.72rem;
    color: #64748B;
    font-weight: 500;
    border-bottom: 1px solid #E5E7EB;
    text-transform: none;
    position: sticky;
    top: 0;
    background: #FFFFFF;
    z-index: 2;
}

.redesign_gridHeader__7UJbV > div {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.redesign_gridHeaderRight__tIBEI {
    justify-self: end;
}

.redesign_gridHeaderCenter__g2Kl0 {
    justify-self: center;
}

.redesign_gridBody__apkVu {
    flex: 1 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.redesign_gridRow__epZyP {
    border-bottom: 1px solid #F1F5F9;
    font-size: 0.82rem;
    color: #0F172A;
    transition: background-color 0.12s ease;
    cursor: pointer;
}

.redesign_gridRow__epZyP:hover {
    background: #F8FAFC;
}

.redesign_gridRow__epZyP.redesign_selected__ENBcQ {
    background: #F3F7FB;
}

.redesign_cellDescription__mGML8 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.redesign_cellDescriptionLabel__Vy\+PC {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.redesign_cellDescription__mGML8.redesign_levelGroup__wE4OS .redesign_cellDescriptionLabel__Vy\+PC {
    font-weight: 600;
}

.redesign_cellDescription__mGML8.redesign_levelService__BeN3P .redesign_cellDescriptionLabel__Vy\+PC {
    font-weight: 400;
}

.redesign_chevronButton__r7Z3P {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
}

.redesign_chevronPlaceholder__7Rxjg {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.redesign_typeIcon__QTEoN {
    color: #64748B;
    font-size: 14px;
    display: inline-flex;
    flex-shrink: 0;
}

.redesign_cellNumeric__bbmZb {
    text-align: right;
    justify-self: end;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

.redesign_cellVariation__ni2vV {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    justify-self: end;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

.redesign_cellVariationArrow__XmvvR {
    font-weight: 600;
}

.redesign_cellStatus__BTLGn {
    justify-self: start;
}

.redesign_statusBadge__uPi9v {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

.redesign_cellActions__WyieT {
    justify-self: center;
}

.redesign_actionsButton__U0nIQ {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #64748B;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.redesign_actionsButton__U0nIQ:hover {
    background: #F1F5F9;
    color: #0F172A;
}

/* ============================ Drilldown Panel ============================ */
.redesign_drilldownPanel__oZ4uN {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.4fr) minmax(220px, 1fr);
    grid-gap: 16px;
    gap: 16px;
    padding: 12px 16px;
    background: #F8FAFC;
    border-top: 1px solid #F1F5F9;
    border-bottom: 1px solid #F1F5F9;
}

.redesign_drilldownLeft__qJwY1,
.redesign_drilldownCenter__1VIgd,
.redesign_drilldownRight__F7Th3 {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.redesign_drilldownCenter__1VIgd,
.redesign_drilldownRight__F7Th3 {
    border-left: 1px solid #E5E7EB;
    padding-left: 16px;
}

.redesign_drilldownIconRow__ad-ak {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1D4ED8;
    font-size: 18px;
    margin-bottom: 6px;
}

.redesign_drilldownTitle__pNtBb {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0F172A;
    margin-bottom: 6px;
}

.redesign_drilldownTitle__pNtBb strong { color: #15803D; }

.redesign_drilldownDescription__4W-Fr {
    font-size: 0.78rem;
    color: #475569;
    line-height: 1.4;
    margin-bottom: 12px;
}

.redesign_drilldownActions__YRcvt {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.redesign_drilldownAction__OF4p- {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #1D4ED8;
    font-size: 0.78rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
}

.redesign_drilldownAction__OF4p-:hover { color: #0F3B66; }

.redesign_drilldownAction__OF4p-:disabled {
    color: #94A3B8;
    cursor: not-allowed;
}

.redesign_drilldownChartTitle__0GDVY {
    font-size: 0.78rem;
    color: #475569;
    margin-bottom: 4px;
}

.redesign_drilldownChart__pb52w {
    flex: 1 1;
    min-height: 120px;
}

.redesign_drilldownRightTitle__Ekct- {
    font-size: 0.78rem;
    color: #475569;
    margin-bottom: 8px;
}

.redesign_drilldownSummaryList__FWi25 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.redesign_drilldownSummaryRow__XMnJm {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 0.78rem;
    gap: 8px;
}

.redesign_drilldownSummaryLabel__lU3mA { color: #64748B; }
.redesign_drilldownSummaryValue__NjvI5 { color: #0F172A; font-weight: 500; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }

/* ============================ Pagination ============================ */
.redesign_pagination__qAGN8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-top: 1px solid #F1F5F9;
    font-size: 0.78rem;
    color: #475569;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 12px;
}

.redesign_paginationLeft__9bbT1 { color: #64748B; }

.redesign_paginationRight__UJQ6j {
    display: flex;
    align-items: center;
    gap: 12px;
}

.redesign_paginationPageSize__MdY\+d {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.redesign_paginationPageSize__MdY\+d select {
    height: 28px;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    padding: 0 6px;
    color: #0F172A;
    background: #FFFFFF;
    font-size: 0.78rem;
}

.redesign_paginationButtons__JH5CU {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.redesign_pageButton__q9\+MI {
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    border: 1px solid transparent;
    background: transparent;
    color: #0F172A;
    border-radius: 4px;
    font-size: 0.78rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.redesign_pageButton__q9\+MI:hover:not(:disabled) {
    background: #F1F5F9;
}

.redesign_pageButton__q9\+MI:disabled {
    color: #CBD5E1;
    cursor: not-allowed;
}

.redesign_pageButtonActive__KL6b- {
    background: #0F3B66;
    color: #FFFFFF;
}

.redesign_pageButtonActive__KL6b-:hover:not(:disabled) {
    background: #0F3B66;
}

/* ============================ Empty / Loading ============================ */
.redesign_gridEmpty__xBvpW {
    padding: 32px;
    text-align: center;
    color: #94A3B8;
    font-size: 0.85rem;
}

@media (max-width: 1100px) {
    .redesign_gridHeader__7UJbV,
    .redesign_gridRow__epZyP {
        grid-template-columns: minmax(220px, 1fr) 110px 110px 130px 110px 130px 40px;
    }
    .redesign_drilldownPanel__oZ4uN {
        grid-template-columns: 1fr;
    }
    .redesign_drilldownCenter__1VIgd,
    .redesign_drilldownRight__F7Th3 {
        border-left: none;
        border-top: 1px solid #E5E7EB;
        padding-left: 0;
        padding-top: 12px;
    }
}


/* ─────────────────────────────────────────────────────────────────────
   RevoGrid integration (real @revolist/react-datagrid for data rows)
   The custom header bar above (.gridHeader) is kept for hierarchical-
   sort support; we hide RevoGrid's own header to avoid duplication.
   ───────────────────────────────────────────────────────────────────── */

.redesign_revoGridWrapper__siWo0 {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.redesign_revoGrid__2bbWc {
    width: 100%;
    height: 100%;
}

/* Hide RevoGrid's native column header — we render our own above. */
.redesign_revoGridWrapper__siWo0 .rgHeaderCell,
.redesign_revoGridWrapper__siWo0 .header-rgRow,
.redesign_revoGridWrapper__siWo0 .rgHeader,
.redesign_revoGridWrapper__siWo0 revogr-header {
    display: none !important;
    height: 0 !important;
}
.redesign_revoGridWrapper__siWo0 .viewport {
    top: 0 !important;
}

/* Row backgrounds and selection highlight */
.redesign_revoRowGroup__KnE\+Z {
    background-color: #FFFFFF;
}
.redesign_revoRowService__GWFWz {
    background-color: #F8FAFC;
}
.redesign_revoRowSelected__24aMt {
    background-color: #F3F7FB !important;
    box-shadow: inset 2px 0 0 0 #1D4ED8;
}

/* Cell baseline */
.redesign_revoCell__FCqe- {
    display: flex !important;
    align-items: center;
    padding: 0 12px;
    font-size: 0.85rem;
    color: #0F172A;
    border-bottom: 1px solid #F1F5F9;
}
.redesign_revoCellRight__LJqu4 {
    justify-content: flex-end;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.redesign_revoCellCenter__5EG4p {
    justify-content: center;
}

/* Custom cell wrappers (rendered inside cellTemplate) */
.redesign_revoCellDescription__\+Xsn6 {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.redesign_revoCellNumeric__RzTC1 {
    width: 100%;
    text-align: right;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.redesign_revoCellVariation__N5NBw {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    justify-content: flex-end;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}
.redesign_revoCellStatus__HGak\+ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.redesign_revoCellActions__zgYR- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}