@import url("/app/tokens.css");
@import url("/app/ui.css");
.calling-card{padding:24px;border-radius:18px;min-height:235px;display:grid;gap:22px;align-content:space-between;background:var(--identity);color:var(--ink);overflow-wrap:anywhere;position:relative;overflow:hidden}.calling-card.paper{border-inline-start:9px solid var(--identity);background:white;color:#203f40}.calling-card.bold{background:linear-gradient(122deg,var(--accent) 19%,var(--identity) 19%);padding-left:22%}.calling-card.stripe{border-top:11px solid var(--accent);border-bottom:4px solid var(--accent)}.calling-card.gallery .portrait{width:90px;height:100px}.calling-card.signature{border-inline-end:12px solid var(--accent);border-radius:3px}.brand-row,.identity,.details{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.brand-row{font-size:14px;font-weight:bold}.logo{max-width:90px;max-height:42px}.portrait{width:66px;height:66px;border-radius:50%;object-fit:cover}.shape-soft .portrait{border-radius:12px}.shape-square .portrait{border-radius:2px}.names h1{font-size:25px;margin:0}.names p{margin:0;font-size:13px}.font-editorial .names{font-family:Georgia,serif}.align-center .identity,.align-center .brand-row,.align-center .details{justify-content:center;text-align:center}.details{border-top:2px solid var(--accent);padding-top:10px;font-size:12px}.calling-card.folio{background:linear-gradient(to bottom,var(--identity) 0 72%,#fdfaf6 72%);color:var(--ink);box-shadow:inset 0 0 0 1px #0001}.folio .details{color:#18312e;padding-top:12px}.calling-card.ticket{background:#faf5e9;color:#25362d;border-left:2.25rem solid var(--identity);position:relative}.ticket::before{content:"";position:absolute;inset:0 auto 0 0;border-left:2px dashed var(--accent)}.calling-card.crest{background:#fffaf0;color:#23332a;border-inline:1.2rem solid var(--identity);text-align:center}.crest .brand-row,.crest .identity,.crest .details{justify-content:center}.crest .identity{flex-direction:column}


.wrapper{width:min(100%,780px);margin:auto;padding:32px 28px 64px}.mini-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 24px;border-bottom:1px solid var(--ui-border);margin-bottom:40px;flex-wrap:wrap}.mini-brand a{display:inline-flex;align-items:center;min-height:44px;font:600 21px var(--latin);letter-spacing:-.7px;text-decoration:none;color:var(--ui-text)}.mini-brand span{font-size:12px;color:var(--ui-muted)}.mini-brand #languageSwitch{font-size:12px;padding:8px 12px}.wrapper>h1{font-size:clamp(28px,4vw,40px);margin-bottom:20px}.wrapper>h2{font-size:22px;margin:32px 0 14px}.wrapper>p{max-width:68ch;font-size:15px}.wrapper>form{padding:28px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg);margin:24px 0}.wrapper form>label:first-child{margin-top:0}.wrapper form>button{margin-top:12px}.wrapper form>button:not(.secondary){background:var(--ui-action);color:var(--ui-on-action)}.links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--ui-border)}.links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.support{font-family:var(--latin)}.profile{max-width:640px}.profile>.primary{display:flex;width:100%;margin:24px 0}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.link-grid a{display:grid;padding:16px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-md);text-decoration:none;overflow-wrap:anywhere;min-height:76px}.link-grid a:hover{border-color:var(--ui-action);background:var(--ui-soft)}.link-grid small{color:var(--ui-muted);font-size:12px}.link-grid span{font-size:14px}.service-back{display:flex;margin-top:32px}.service-back a{min-height:44px;display:inline-flex;align-items:center;gap:8px}.calling-card .names{text-align:right}html[dir=ltr] .calling-card .names{text-align:left}.calling-card .names>*{text-align:inherit}.calling-card.align-center .names{text-align:center}.calling-card.free-card{min-height:0;aspect-ratio:1.68}.calling-card .layout-item{line-height:1.35}.wrapper.profile .calling-card h1{line-height:1.45}
@media(max-width:600px){.wrapper{padding:24px 20px 48px}.mini-brand{margin-bottom:28px;gap:10px}.mini-brand span{display:none}.wrapper>form{padding:20px}.wrapper>h1{font-size:28px}.links{gap:4px 18px}.link-grid{grid-template-columns:1fr}}

/* Public contact card. Styles are scoped so the account and legal pages keep their own layout. */
.recipient-body { margin:0; min-height:100vh; background:var(--ui-canvas,#f4f6f3); color:var(--ui-text); }
.recipient { width:min(100%, 530px); min-height:100vh; margin:0 auto; padding:0 clamp(16px,4.5vw,32px) 36px; box-sizing:border-box; }
.recipient [hidden] { display:none!important; }
.recipient-header { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.recipient-brand { display:inline-flex; align-items:center; gap:10px; font:600 17px/1.2 Poppins,system-ui,sans-serif; color:var(--ui-text); text-decoration:none; letter-spacing:-.7px; }
.recipient-brand i { display:inline-block; width:23px; height:16px; position:relative; border-radius:3px; background:#006e68; box-shadow:-4px -4px 0 -1px var(--ui-surface), -4px -4px 0 1px #183934; }
.recipient-brand i::after { content:""; position:absolute; width:10px; height:2px; bottom:4px; left:4px; background:#fdd017; }
.recipient-header button { min-height:44px; padding:6px 14px; font-size:12px; border:1px solid var(--ui-border); border-radius:10px; background:var(--ui-surface); color:var(--ui-text); }
.recipient-faces .calling-card { width:100%; box-sizing:border-box; min-height:0; aspect-ratio:1.68; margin:0; border-radius:13px; box-shadow:0 3px 7px #163e3714,0 12px 26px #163e3710; }
.recipient-faces .calling-card:not(.free-card) { padding:clamp(12px,4.2vw,22px); gap:6px; }
.recipient-faces .calling-card:not(.free-card) .names h1 { font-size:clamp(17px,4.7vw,26px); line-height:1.3; }
.recipient-faces .calling-card:not(.free-card) .details { gap:5px 12px; padding-top:5px; font-size:clamp(9px,2.3vw,12px); }
.recipient-faces .face-picker { display:flex; justify-content:center; gap:4px; margin:10px auto 0; }
.face-picker button { min-height:44px; border:0; padding:6px 12px; background:transparent; color:var(--ui-muted); font-size:12px; border-radius:8px; }
.face-picker button[aria-pressed=true] { background:var(--ui-soft); color:var(--ui-text); font-weight:600; }
.recipient-identity { text-align:center; overflow-wrap:anywhere; margin:clamp(18px,4vw,27px) 0 20px; }
.recipient-avatar { width:68px; height:68px; border-radius:50%; object-fit:cover; margin:0 auto 8px; border:2px solid var(--ui-surface); }
.recipient-identity :is(h1,h2) { font-size:clamp(22px,5.4vw,30px); line-height:1.45; margin:0; }
.recipient-identity p { margin:3px 0 0; color:var(--ui-muted); font-size:14px; }
.recipient-identity .recipient-latin { font-family:Poppins,Alexandria,sans-serif; font-size:13px; }
.recipient-save,.recipient-share { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; border-radius:11px; text-decoration:none; font-size:15px; font-weight:600; }
.recipient-save { background:var(--ui-action); color:var(--ui-on-action); }
.recipient-save:hover { filter:brightness(.95); }
.recipient svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.recipient-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0; }
.recipient-actions a,.recipient-links a { text-decoration:none; color:var(--ui-text); border:1px solid var(--ui-border); border-radius:11px; background:var(--ui-surface); }
.recipient-actions a { display:flex; align-items:center; justify-content:center; gap:10px; min-height:56px; padding:7px; }
.recipient-actions:has(a:only-child) { grid-template-columns:1fr; }
.recipient .contact-glyph { width:22px; height:22px; flex:none; color:var(--ui-action); }
.recipient-links { display:grid; gap:8px; margin:14px 0; }
.recipient-links a { display:flex; align-items:center; gap:14px; min-height:67px; padding:9px 15px; }
.recipient-actions a:hover,.recipient-links a:hover,.recipient-share:hover { border-color:var(--ui-action); }
.recipient-actions strong,.recipient-links strong { font-size:14px; }
.recipient-links a>span:not(.contact-glyph) { display:grid; gap:2px; min-width:0; }
.recipient-links small { font:12px/1.5 Poppins,system-ui,sans-serif; text-align:start; color:var(--ui-muted); overflow-wrap:anywhere; }
.recipient .recipient-arrow { width:17px; height:17px; margin-inline-start:auto; color:var(--ui-muted); flex:none; }
.recipient-share { background:transparent; color:var(--ui-action); border:1px solid var(--ui-border); margin-top:15px; min-height:48px; }
.recipient-copy { margin:12px 0; }
.recipient-status { margin:8px 0; font-size:13px; color:var(--ui-muted); text-align:center; }
.recipient-status:empty { display:none; }
.recipient-footer { display:flex; justify-content:center; flex-wrap:wrap; gap:0 16px; margin:24px 0 0; border-top:1px solid var(--ui-border); }
.recipient-footer a { display:inline-flex; align-items:center; min-height:44px; font-size:11px; color:var(--ui-muted); text-decoration:none; }