/* Give the QR the remaining space, after title and save controls. */
.cards-deployed-content .tng-card,.cards-deployed-content .tng-card .card-shell{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.cards-deployed-content .tng-card .card-shell{padding:16px;justify-content:flex-start}
.tng-card .qr-card-content{display:grid;grid-template-areas:'title' 'note' 'qr' 'save' 'status';grid-template-rows:max-content max-content minmax(0,1fr) 44px 14px;gap:8px;flex:1;width:100%;height:100%;min-height:0;max-height:100%;align-items:stretch}
.qr-card-content>strong{grid-area:title;line-height:1.2;margin:0;font-size:16px}
.qr-card-content>.qr-card-note{grid-area:note;line-height:1.25;margin:0;font-size:10px}
.qr-card-content>.tng-qr{grid-area:qr;display:block;min-width:0;min-height:0;width:100%;height:100%;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#fff;border:7px solid #fff;border-radius:7px;margin:0;align-self:stretch;justify-self:stretch}
.qr-card-content>.save-qr{grid-area:save;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin:0;padding:0 12px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:13px;border-radius:6px;white-space:nowrap}
.qr-card-content>.qr-save-status{grid-area:status;min-height:14px;line-height:14px;margin:0;font-size:9px}
@media(max-height:500px) and (min-aspect-ratio:10/9){
 .cards-deployed-content .tng-card .card-shell{padding:11px}
 .tng-card .qr-card-content{gap:5px;grid-template-rows:max-content 0 minmax(0,1fr) 38px 0}
 .qr-card-content>strong{font-size:13px}
 .qr-card-content>.save-qr{height:38px;min-height:38px;font-size:11px}
 .qr-card-content>.tng-qr{border-width:4px}
}