/* Physical card and the existing passport share one workspace. */
.nfc-workspace{position:relative;gap:56px;isolation:isolate}
.nfc-left{min-width:0}
.nfc-view-tabs{display:flex;gap:32px;border-bottom:1px solid var(--hair);margin-bottom:24px}
.nfc-view-tabs button{padding:0 0 13px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;font-size:14px}
.nfc-view-tabs button[aria-selected=true]{color:var(--paper);border-bottom-color:var(--cyan)}
.nfc-card-panel{position:relative;border-bottom:1px solid var(--hair)}
.nfc-card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:8px 0 0}
.nfc-card-heading .record-name{font-size:23px;letter-spacing:.02em;line-height:1.5}
.nfc-card-heading .quiet{font-size:11px;white-space:nowrap}
.nfc-card-stage{position:relative;height:min(49vh,440px);min-height:350px}
.nfc-card-mover{position:absolute;inset:0;transform-origin:center;z-index:3}
.nfc-card-mover.is-travelling{pointer-events:none;will-change:transform}
#nfc-card-model{width:100%;height:100%}
.nfc-card-controls{display:flex;align-items:center;justify-content:center;gap:32px;padding:12px 0 24px;color:var(--muted);font-size:12px;line-height:20px}
.nfc-drag-hint{display:flex;gap:9px;align-items:center;pointer-events:none;white-space:nowrap}
.nfc-drag-hint svg{width:27px;height:20px;stroke:currentColor;stroke-width:1.2}
.nfc-card-controls button{background:none;border:0;padding:4px 0;color:inherit;font:inherit;line-height:20px;white-space:nowrap}
.nfc-card-controls button:hover{color:var(--paper)}
.nfc-action-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--hair);padding:24px 0}
.nfc-action-row p{font-size:17px;line-height:1.8}
.nfc-detect-button{display:flex;align-items:center;gap:24px;padding:16px 20px;background:none;border:1px solid var(--cyan);color:var(--cyan);font:inherit;font-size:14px;white-space:nowrap;transition:background .2s,color .2s}
.nfc-detect-button:hover:not(:disabled){background:rgba(24,191,208,.08)}
.nfc-detect-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.5}
.nfc-detect-button:disabled{opacity:.55}
.nfc-phone-column{position:relative;margin-left:auto;max-width:300px}
.nfc-workspace .nfc-phone-column .app-caption{margin-bottom:20px;min-height:28px;align-items:flex-start}
.nfc-workspace .nfc-phone{transition:box-shadow .4s}
.nfc-workspace[data-nfc-flow=notified] .nfc-phone{box-shadow:0 0 0 1px rgba(24,191,208,.45),0 0 36px rgba(24,191,208,.06)}
.nfc-workspace .passport-evidence{min-height:620px}
.nfc-workspace[data-passport-view=digital] .passport-evidence{animation:nfc-record-in .28s ease both}
@keyframes nfc-record-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:900px) and (max-height:850px){.nfc-phone-column{max-width:260px}.nfc-card-stage{min-height:310px;height:360px}.nfc-workspace{grid-template-columns:minmax(0,1fr) 280px;gap:40px}.nfc-workspace .passport-evidence{min-height:568px}.nfc-workspace .evidence-panel{min-height:412px}.nfc-workspace .passport-catalog-image img{height:332px}}
@media(min-width:900px) and (max-width:1199px){.nfc-card-heading .record-name{font-size:20px}.nfc-card-heading .quiet{font-size:10px}.nfc-workspace{gap:32px}.nfc-action-row p{font-size:15px}.nfc-detect-button{padding:13px;gap:12px;font-size:12px}}
@media(max-width:899px){.nfc-workspace{gap:40px}.nfc-phone-column{margin-inline:auto}.nfc-card-stage{height:360px;min-height:280px}.nfc-card-heading .record-name{font-size:21px}.nfc-action-row{flex-wrap:wrap}.nfc-workspace .passport-evidence{min-height:0}}
@media(prefers-reduced-motion:reduce){.nfc-workspace *, .nfc-workspace *::before,.nfc-workspace *::after{animation:none!important;transition:none!important}}