/* Shared identity for CRM and System Console. Keep the supplied logo untouched. */
:root {
    --autosay-cyan: #00E4FC;
    --autosay-cyan-bright: #00F4FC;
    --autosay-cyan-mid: #02BBD3;
    --autosay-petrol: #025F7A;
    --autosay-petrol-dark: #012233;
    --autosay-white: #FDFDFD;
}

.autosay-brand-logo {
    display: block;
    width: var(--autosay-logo-width, 190px);
    max-width: 100%;
    height: auto;
    aspect-ratio: 1920 / 402;
    flex-shrink: 0;
    overflow: hidden;
}

.autosay-brand-mark {
    display: block;
    width: var(--autosay-mark-size, 36px);
    height: var(--autosay-mark-size, 36px);
    flex-shrink: 0;
    overflow: hidden;
}

/* The approved white wordmark always needs a dark surface, including light mode. */
.autosay-brand-lockup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    background: var(--autosay-petrol-dark);
    line-height: 1;
}