@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%;
}