/* Firma kimliği işlem kodu ve yardımcı açıklamalardan açıkça ayrılır. */
.app-shell .customer-name {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    color: #13264c;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    vertical-align: top;
}

.app-shell .customer-name--prominent {
    font-size: 1.2rem;
}

.page-head > div:first-child,
.ready-order-card > .section-head > div:first-child,
.work-customer,
.activity > div:first-child,
.work-row > div:first-child {
    min-width: 0;
}

.ready-order-card > .section-head > div:first-child {
    flex: 1;
}

.work-customer > .customer-name,
.ready-order-card > .section-head > div:first-child > .customer-name {
    border-inline-start: 3px solid #ce1830;
    padding-inline-start: .5rem;
}

.app-shell .operator-now-card .customer-name {
    color: #fff;
}

.notification-copy > .customer-name {
    margin-bottom: .2rem;
}

.app-shell select[data-live-options="customers"] {
    color: #13264c;
    font-weight: 700;
}

@media (max-width: 700px) {
    .ready-order-card > .section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: .5rem;
    }

    .ready-order-card > .section-head > .align-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: .35rem;
        min-width: 0;
        text-align: left;
    }

    .app-shell .customer-name {
        font-size: .9375rem;
    }

    .app-shell .customer-name--prominent {
        font-size: 1.0625rem;
    }
}