@import '_content/Team.Core.Infrastructure.Blazor/Team.Core.Infrastructure.Blazor.goprz4ahaz.bundle.scp.css';

/* /Features/Management/Companies/CompanyView.razor.rz.scp.css */
/* #4245 Company Details layout: card-based, scannable admin view. */
/* NB: EOM's root font-size is ~9px, so rem values here are chosen to render at sensible pixel sizes (1rem = 9px). */

.cd-root[b-kuzkhcer06] {
    display: flex;
    flex-direction: column;
    gap: var(--emsurge-standard-padding);
    margin: 1rem;
    padding-bottom: 4rem;
}

/* Identity header */
.cd-header[b-kuzkhcer06] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: var(--emsurge-standard-padding);
    background: var(--emsurge-card-background-color-lighter);
    border: 1px solid var(--emsurge-palette-divider);
    border-radius: var(--emsurge-border-radius);
    padding: var(--emsurge-standard-padding);
}

.cd-header__identity[b-kuzkhcer06] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.cd-header__logo[b-kuzkhcer06] {
    height: 3rem;
    width: auto;
    max-width: 8rem;
    object-fit: contain;
}

.cd-header__titles[b-kuzkhcer06] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.cd-header__name[b-kuzkhcer06] {
    font-size: 2rem;
    font-weight: 500;
    color: var(--emsurge-golden-bright-color);
    line-height: 1.1;
}

.cd-header__meta[b-kuzkhcer06] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 1.2rem;
    opacity: 0.85;
}

.cd-header__actions[b-kuzkhcer06] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto;
}

.cd-badge[b-kuzkhcer06] {
    font-size: 1.05rem;
    padding: 0.1rem 0.6rem;
    border-radius: 999px;
    background: var(--emsurge-palette-secondary);
    border: 1px solid var(--emsurge-palette-divider);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.cd-badge--archived[b-kuzkhcer06] {
    background: rgba(246, 78, 98, 0.15);
    border-color: var(--emsurge-palette-error);
    color: var(--emsurge-palette-error);
}

/* Activity metrics */
.cd-metrics[b-kuzkhcer06] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.6rem;
}

.cd-metric[b-kuzkhcer06] {
    background: var(--emsurge-card-background-color-darker);
    border: 1px solid var(--emsurge-palette-divider);
    border-radius: var(--emsurge-border-radius);
    padding: 0.7rem 0.9rem;
}

.cd-metric__body[b-kuzkhcer06] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.cd-metric__label[b-kuzkhcer06] {
    font-size: 1.2rem;
    opacity: 0.7;
}

.cd-metric__value[b-kuzkhcer06] {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.2;
}

/* Information card grid */
.cd-grid[b-kuzkhcer06] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 0.75rem;
    align-items: start;
}

.cd-card[b-kuzkhcer06] {
    background: var(--emsurge-card-background-color-lighter);
    border: 1px solid var(--emsurge-palette-divider);
    border-radius: var(--emsurge-border-radius);
    padding: 0.9rem 1rem;
}

.cd-card__header[b-kuzkhcer06] {
    margin-bottom: 0.6rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--emsurge-palette-divider);
    color: var(--emsurge-golden-bright-color);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 1.5rem;
}

.cd-row[b-kuzkhcer06] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.18rem 0;
    font-size: 1.3rem;
}

.cd-row__label[b-kuzkhcer06] {
    opacity: 0.7;
    white-space: nowrap;
}

.cd-row__value[b-kuzkhcer06] {
    text-align: right;
    word-break: break-word;
}

.cd-row--stacked[b-kuzkhcer06] {
    flex-direction: column;
    gap: 0.2rem;
}

.cd-row--stacked .cd-row__value[b-kuzkhcer06] {
    text-align: left;
}

/* Full-width list sections (entities, users, edit log) */
.cd-section[b-kuzkhcer06] {
    background: var(--emsurge-card-background-color-lighter);
    border: 1px solid var(--emsurge-palette-divider);
    border-radius: var(--emsurge-border-radius);
    padding: 0.5rem 0.85rem 0.85rem;
}

.cd-section__header[b-kuzkhcer06] {
    color: var(--emsurge-golden-bright-color);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 1.5rem;
    padding: 0.5rem 0.25rem;
}
/* /Features/Products/Carbon/Orders/ImportFromSpreadsheet/ImportOrdersFromSpreadsheetView.razor.rz.scp.css */
/* The Spreadsheet Text field is a Team.Core TextField (.tcc-field), not MudBlazor. Make the control and its
   textarea fill the grid cell so the input grows to the whole screen rather than its 2-row natural height. */
[b-zzs6gp99vt] .tcc-field {
    height: 100%;
    min-height: 0;
}

[b-zzs6gp99vt] .tcc-field__control {
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

[b-zzs6gp99vt] .tcc-field__input {
    height: 100%;
}
/* /Features/Products/LNG/CounterpartyRiskMatrices/UpdateLNGCounterpartyRiskMatrixView.razor.rz.scp.css */
/* MOC is highlighted in blue when selected, unlike the default golden chip highlight. */
[b-blcnsf9f1w] .moc-chip.tcc-chip--selected {
    background: var(--emsurge-palette-info);
    color: #fff;
}
/* /Features/Products/Shared/Orders/ProductOrderHistoryViewContainer.razor.rz.scp.css */
/* The strip and its overflow trigger share one row. The trigger lives outside the Tabs element on purpose: .tcc-tabs
   scrolls horizontally, and a scroll container clips the panel the Menu drops below its button. */
.tab-strip[b-n6wwg2nmpc] {
    display: flex;
    align-items: stretch;
}

/* The strip element is the Tabs component's own root, so it is only reachable through ::deep. It takes the whole row bar the trigger, and may shrink below its content width so a long strip scrolls instead of pushing the trigger off-screen. */
.tab-strip[b-n6wwg2nmpc]  .tcc-tabs {
    flex: 1 1 auto;
    min-width: 0;
}

/* The trigger carries the strip's own rail so the row reads as one continuous tab bar rather than a button parked next to it. */
.tab-strip__overflow[b-n6wwg2nmpc] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 var(--emsurge-reduced-padding);
    border-bottom: 1px solid var(--tcc-tab-rail, var(--tcc-panel-line));
}

/* Menu drops its panel from the trigger's LEFT edge, and this trigger is the last thing on the row: the panel would
   run off the right of the column the strip sits in, which scrolls, so it would be clipped and grow a scrollbar.
   Right-align it to the trigger instead — team.core's own bottom-end geometry, which Menu does not take a placement for. */
.tab-strip__overflow[b-n6wwg2nmpc]  .tcc-popover {
    left: auto;
    right: 0;
}

/* The tab on display can be one of the menu's own, and then no tab on the strip is active. The trigger takes the active tab's accent so the row still shows where the user is. Drawn inside the box rather than as a thicker border, so activating a menu tab does not nudge the row. */
.tab-strip__overflow--active[b-n6wwg2nmpc] {
    box-shadow: inset 0 -2px 0 0 var(--tcc-tab-accent);
}
/* /InfrastructureServices/SharedComponents/PartyCellView.razor.rz.scp.css */
/* The open button and the "not known" glyph share one fixed-width leading rail, so every trader / entity name in a
   Buyer or Seller column starts at the same x whether or not that row has a party to open. The rail width mirrors
   team.core's .tcc-icon-btn--sm box, which is what ViewCommandIconButton renders at ButtonSize.Small. */
.party-cell[b-x23g6uw3ab] {
    display: flex;
    align-items: center;
    gap: var(--emsurge-standard-padding);
    min-width: 0;
}

.party-cell__part[b-x23g6uw3ab] {
    display: flex;
    align-items: center;
    gap: var(--emsurge-reduced-padding);
    min-width: 0;
}

.party-cell__rail[b-x23g6uw3ab] {
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* A long trader or entity name truncates inside its column instead of pushing the next column's rail out of line. */
.party-cell__name[b-x23g6uw3ab] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.party-cell__separator[b-x23g6uw3ab] {
    flex: none;
}
/* /InfrastructureServices/SharedComponents/RecordNotFoundView.razor.rz.scp.css */
.record-not-found[b-umlotgfalw] {
    display: grid;
    grid-auto-rows: min-content;
    gap: var(--emsurge-standard-padding);
    margin: var(--emsurge-standard-padding);
    padding: var(--emsurge-standard-padding);
    border: 1px solid var(--emsurge-container-border-dim-color);
    border-radius: var(--emsurge-border-radius);
    background-color: var(--emsurge-card-background-color-darker);
}

.record-not-found__header[b-umlotgfalw] {
    display: flex;
    align-items: center;
    gap: var(--emsurge-standard-padding);
}

.record-not-found__title[b-umlotgfalw] {
    font-size: var(--emsurge-titles-font-size);
}

.record-not-found__id[b-umlotgfalw] {
    display: flex;
    align-items: center;
    gap: var(--emsurge-reduced-padding);
    color: var(--emsurge-dim-font-color);
}