.adr-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px 14px}
.adr-form label{display:grid;gap:5px;min-width:0;font-size:.88rem}
.adr-form :is(input,select){max-width:100%;margin:0}
.adr-faces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;margin:12px 0}
.adr-certificate{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:220px;
padding:16px 18px;border:1px solid #deb77c;border-radius:13px;color:#36291e;
background:repeating-linear-gradient(121deg,transparent 0 7px,#b1662b0e 7px 8px),
linear-gradient(145deg,#fff3d8,#f5dcb0 63%,#ffedd1);box-shadow:0 7px 15px #0003}
.adr-certificate h3{font-size:1rem;margin:0 0 12px}
.adr-holder{--adr-photo-width:clamp(92px,31%,142px);position:relative;display:flex;gap:14px;align-items:flex-start}
.adr-holder img{display:block;width:var(--adr-photo-width);aspect-ratio:3/4;flex:none;border-radius:6px;object-fit:cover}
.adr-holder dl{flex:1}
#adrAccountDetails{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
#adrAccountDetails summary{font-weight:700;cursor:pointer}
.adr-certificate dl{display:grid;gap:5px;margin:0;min-width:0}
.adr-certificate dt{font-size:.72rem;color:#62442e}
.adr-certificate dd{margin:0;font-size:.91rem;font-weight:650;overflow-wrap:anywhere}
.adr-back dl{gap:12px}
.adr-watermark{position:absolute;z-index:-1;right:12%;top:28%;width:100px;height:100px;display:grid;place-items:center;
color:#a65e34;font-size:2.1rem;font-weight:900;opacity:.18;pointer-events:none}
.adr-watermark::before{content:"";position:absolute;inset:14%;border:2px solid currentColor;border-radius:6px;transform:rotate(45deg)}
.adr-certificate:is(:hover,:focus-visible,:active) .adr-watermark{
color:transparent;background:linear-gradient(112deg,#6859ae,#25a9c8,#5a9e83,#b46b23,#b365a5) 100% 50%/240% 100%;
background-clip:text;animation:card-hologram .85s ease both}
.adr-certificate:is(:hover,:focus-visible,:active) .adr-watermark::before{border-color:#ac7e60}
.adr-rosette::after{top:auto;left:auto;width:46px;height:46px;pointer-events:none}
.adr-front .adr-rosette::after{top:auto;bottom:2px;left:calc(var(--adr-photo-width) - 32px)}
.adr-back .adr-rosette::after{bottom:16px;right:18px}
@media(prefers-reduced-motion:reduce){
  .adr-certificate:is(:hover,:focus-visible,:active) .adr-watermark{animation:none;opacity:.32}
}
.adr-simulation{margin:12px 0 0;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
#tabletAdrStatus{overflow-wrap:anywhere}
@media(max-width:510px){.adr-form label{width:100%}}