.customer-pin-logo {
    display: block;
    width: min(280px, 75%);
    height: auto;
}

.customer-pin-brand {
    justify-content: center;
}

.customer-public-brand img {
    display: block;
    width: 34px;
    height: 25px;
}

.customer-live-header .customer-public-brand img {
    width: 38px;
    height: 28px;
}

.customer-public-export a,
.customer-public-export button {
    border: 1px solid #ded3a7;
    background: var(--gold-soft);
    color: var(--brand-dark);
    padding: 8px 10px;
    border-radius: 8px;
    font-weight: 750;
    font-size: 12px;
    text-decoration: none;
}

.customer-public-export a:hover,
.customer-live-actions a:hover,
.customer-live-actions button:hover {
    background: var(--gold);
    color: var(--brand-dark);
}

.customer-public-export button:disabled {
    opacity: .55;
}

.customer-pin-reveal > div {
    display: flex;
    gap: 10px;
}

.customer-pin-reveal input {
    flex: 1;
    min-width: 0;
    font-variant-numeric: tabular-nums;
    letter-spacing: .08em;
}

.customer-pin-feedback {
    min-height: 1.2em;
    color: var(--gold-dark);
    font-size: 12px;
    font-weight: 750;
}

.customer-dashboard-row[hidden],
.customer-list-empty[hidden] {
    display: none !important;
}

.customer-list-empty {
    margin: 0;
    padding: 34px 20px;
    color: var(--muted);
    text-align: center;
}

@media (max-width: 760px) {
    .customer-pin-reveal > div {
        align-items: stretch;
        flex-direction: column;
    }
}