.rc-entity-name {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    align-items: baseline;
    gap: 0;
    vertical-align: baseline;
}

.rc-entity-name-value,
.rc-entity-registration-value {
    min-width: 0;
}

.rc-entity-name-toggle {
    appearance: none;
    max-width: 100%;
    padding: 0.15rem 0.38rem;
    border: 1px solid rgba(95, 128, 158, 0.58);
    border-radius: 0.3rem;
    background: rgba(8, 17, 29, 0.72);
    color: inherit;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
    text-align: left;
}

.rc-entity-name-toggle:hover,
.rc-entity-name-toggle:focus-visible,
.rc-entity-name-toggle.is-showing-registration {
    border-color: rgba(125, 211, 252, 0.88);
    background: rgba(20, 42, 62, 0.86);
    outline: none;
}

.rc-entity-name-toggle .rc-entity-registration-value {
    display: none;
    font-family: "Roboto Mono", "Courier New", monospace;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.rc-entity-name-toggle.is-showing-registration .rc-entity-name-value {
    display: none;
}

.rc-entity-name-toggle.is-showing-registration .rc-entity-registration-value {
    display: inline;
}

.rc-entity-name-long .rc-entity-registration-value,
.rc-fleet-name-display .rc-entity-registration-value {
    font-family: "Roboto Mono", "Courier New", monospace;
    font-size: 0.9em;
    letter-spacing: 0.035em;
    white-space: nowrap;
}

.rc-commander-name-display.is-golden .rc-entity-registration-value {
    color: #ffd66d;
}