.sys-cardapio-cadastro__qr-modal[hidden] {
    display: none;
}

.sys-cardapio-cadastro__qr-modal {
    position: fixed;
    inset: 0;
    z-index: 100001;
    display: grid;
    place-items: center;
    padding: 18px;
}

.sys-cardapio-cadastro__qr-backdrop {
    position: absolute;
    inset: 0;
    background: var(--sfv-overlay);
}

.sys-cardapio-cadastro__qr-dialog {
    position: relative;
    width: min(100%, 520px);
    max-height: calc(100vh - 36px);
    overflow: auto;
    padding: 22px;
    border: 1px solid var(--scf-border);
    border-radius: var(--scf-radius-lg);
    background: var(--scf-card);
    box-shadow: var(--scf-shadow-shell);
    color: var(--scf-text);
    text-align: center;
}

.sys-cardapio-cadastro__qr-dialog h2,
.sys-cardapio-cadastro__qr-name,
.sys-cardapio-cadastro__qr-url,
.sys-cardapio-cadastro__qr-status {
    margin-top: 0;
}

.sys-cardapio-cadastro__qr-name {
    color: var(--scf-gold);
    font-weight: 900;
}

.sys-cardapio-cadastro__qr-url {
    color: var(--scf-muted);
    overflow-wrap: anywhere;
}

.sys-cardapio-cadastro__qr-code {
    display: grid;
    place-items: center;
    min-height: 260px;
    margin: 16px 0;
    padding: 14px;
    border-radius: var(--scf-radius-md);
    background: #ffffff;
}

.sys-cardapio-cadastro__qr-code svg {
    display: block;
    width: min(100%, 360px);
    height: auto;
}

.sys-cardapio-cadastro__qr-status {
    color: var(--scf-danger);
}

.sys-cardapio-cadastro__qr-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}