:root {
  --card-accent: #2f7d68;
  --card-ink: #13231f;
  --card-muted: #66716d;
  --card-cream: #f5f2ea;
  --card-paper: #fffefa;
  --card-line: rgba(19, 35, 31, .12);
}
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-height: 100%; background: #e9ece8; }
body { min-height: 100%; margin: 0; color: var(--card-ink); font-family: "DM Sans", system-ui, sans-serif; }
button, input, textarea, select { font: inherit; }
a { color: inherit; }

.contact-card-page { min-height: 100vh; background: radial-gradient(circle at 50% 0, rgba(255,255,255,.95), transparent 38%), linear-gradient(145deg, #e7ebe8, #dce3df); }
.contact-card-shell { width: min(100%, 540px); min-height: 100vh; margin: 0 auto; background: var(--card-paper); box-shadow: 0 0 80px rgba(23, 42, 36, .14); }
.contact-card-loading, .contact-card-error { display: grid; min-height: 100vh; place-content: center; padding: 40px; text-align: center; }
.contact-card-loading p, .contact-card-error p { color: var(--card-muted); }
.contact-card-mark { display: grid; width: 54px; height: 54px; margin: 0 auto 16px; place-items: center; border-radius: 17px; color: #fff; background: var(--card-ink); font-family: Manrope, sans-serif; font-weight: 800; letter-spacing: -.08em; }
.contact-card-error h1 { margin: 4px 0; font-family: Manrope, sans-serif; letter-spacing: -.04em; }
.contact-card-error a { justify-self: center; margin-top: 14px; padding: 12px 18px; border: 1px solid var(--card-line); border-radius: 999px; text-decoration: none; font-weight: 700; }

.contact-card { min-height: 100vh; }
.is-card-preview-embed,.is-card-preview-embed .contact-card-shell,.is-card-preview-embed .contact-card { min-height:0; }
html.is-card-preview-embed { overflow:hidden; }
.contact-card-hero { position: relative; min-height: 440px; padding: 68px 34px 38px; overflow: hidden; color: #fff; background: var(--card-ink); text-align: center; }
.contact-card-background, .contact-card-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.contact-card-background { object-fit: cover; }
.contact-card-hero-shade { background: linear-gradient(180deg, rgba(8,22,18,.68), rgba(8,22,18,.94)); }
.contact-card-company-logo { position: absolute; z-index: 2; top: 22px; right: 22px; display:block; width: 54px; height: 54px; padding: 0; object-fit: cover; border: 1px solid rgba(255,255,255,.24); border-radius: 15px; background: rgba(255,255,255,.9); box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.contact-card-avatar { position: relative; display: grid; width: 94px; height: 94px; margin: 0 auto 25px; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 32px; color: #fff; background: color-mix(in srgb, var(--card-accent) 74%, #fff 8%); box-shadow: 0 16px 45px rgba(0,0,0,.28); font-family: Manrope, sans-serif; font-size: 1.7rem; font-weight: 800; letter-spacing: -.06em; }
.contact-card-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.contact-card-avatar span { position: relative; }
.contact-card-eyebrow { position: relative; min-height: 1em; margin: 0 0 8px; color: rgba(255,255,255,.66); font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.contact-card-hero h1 { position: relative; margin: 0; font-family: Manrope, sans-serif; font-size: clamp(2.2rem, 8vw, 3.5rem); line-height: 1; letter-spacing: -.065em; }
.contact-card-headline { position: relative; max-width: 400px; margin: 16px auto 0; color: rgba(255,255,255,.82); font-size: 1rem; line-height: 1.55; }
.contact-card-location { position: relative; margin: 10px 0 0; color: rgba(255,255,255,.55); font-size: .8rem; }
.contact-card-primary-actions { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
.contact-card-primary-actions a, .contact-card-primary-actions button { display: flex; min-height: 50px; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; color: #fff; background: rgba(255,255,255,.08); text-decoration: none; cursor: pointer; font-weight: 700; }
.contact-card-primary-actions .is-primary { border-color: var(--card-accent); background: var(--card-accent); }
.contact-card-connect-button { position:relative; width:100%; min-height:48px; margin-top:10px; border:1px solid rgba(255,255,255,.32); border-radius:14px; color:#fff; background:transparent; cursor:pointer; font-weight:700; }

.contact-card-body { display: flex; flex-direction: column; }
.contact-card-about, .contact-card-links { padding: 28px 28px 0; }
.contact-card-section-label { margin: 0; color: var(--card-accent); font-size: .68rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.contact-card-about > p:last-child { margin: 12px 0 0; color: #4f5c57; font-size: .96rem; line-height: 1.75; }
.contact-card-section-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--card-line); }
.contact-card-section-head > span { color: #8a938f; font-size: .72rem; }
.contact-card-link-list { display: grid; }
.contact-card-link { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 13px; align-items: center; min-height: 76px; border-bottom: 1px solid var(--card-line); text-decoration: none; }
.contact-card-link-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:var(--card-accent); background:color-mix(in srgb,var(--card-accent) 10%,white); }
.contact-card-link-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.contact-card-link-icon svg .fill { fill:currentColor; stroke:none; }
.contact-card-link-icon svg .cut { fill:#fff; stroke:none; }
.contact-card-link-icon.is-instagram { color:#fff; background:linear-gradient(135deg,#7c3aed,#db2777 52%,#f59e0b); }
.contact-card-link-icon.is-facebook,.contact-card-link-icon.is-linkedin { color:#fff; background:#1877f2; }
.contact-card-link-icon.is-linkedin { background:#0a66c2; }
.contact-card-link-icon.is-x,.contact-card-link-icon.is-tiktok,.contact-card-link-icon.is-github { color:#fff; background:#111; }
.contact-card-link-icon.is-youtube { color:#fff; background:#f00; }
.contact-card-link strong, .contact-card-link small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-card-link strong { font-size: .94rem; }
.contact-card-link small { margin-top: 3px; color: var(--card-muted); font-size: .72rem; }
.contact-card-link-arrow { color: #9ba39f; font-size: 1.1rem; }
.contact-card-footer { display: flex; justify-content: center; padding: 38px 28px 30px; text-align: center; }
.contact-card-footer a { display: inline-flex; align-items: baseline; gap: 6px; color: #79827e; text-decoration: none; font-size: .7rem; }
.contact-card-footer strong { color: var(--card-ink); font-family: Manrope, sans-serif; letter-spacing: -.03em; }

.contact-card-connect-dialog { width:min(500px,calc(100% - 22px)); max-height:calc(100dvh - 22px); padding:0; overflow:hidden; border:0; border-radius:24px; color:var(--card-ink); background:var(--card-paper); box-shadow:0 30px 100px rgba(5,18,14,.34); }
.contact-card-connect-dialog::backdrop { background:rgba(5,18,14,.62); backdrop-filter:blur(7px); }
.contact-card-connect-form { display:grid; grid-template-rows:auto minmax(0,1fr) auto; max-height:inherit; }
.contact-card-connect-form header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:24px 24px 18px; border-bottom:1px solid var(--card-line); }
.contact-card-connect-form header h2 { margin:5px 0 0; font:800 1.55rem Manrope,sans-serif; letter-spacing:-.045em; }
.contact-card-connect-form header p:last-child { margin:7px 0 0; color:var(--card-muted); font-size:.83rem; line-height:1.5; }
.contact-card-connect-form header button { width:40px; height:40px; flex:none; border:0; border-radius:999px; color:var(--card-ink); background:#edf1ee; cursor:pointer; font-size:1.35rem; }
.contact-card-connect-fields { display:grid; min-height:0; gap:14px; padding:20px 24px; overflow:auto; }
.contact-card-connect-fields label { display:grid; gap:7px; color:#4f5c57; font-size:.75rem; font-weight:700; }
.contact-card-connect-fields label span { display:flex; justify-content:space-between; }
.contact-card-connect-fields label small { color:#8a938f; font-weight:500; }
.contact-card-connect-fields input,.contact-card-connect-fields textarea { width:100%; min-height:48px; padding:12px 13px; border:1px solid #d6ddd9; border-radius:12px; color:var(--card-ink); background:#fff; outline:0; }
.contact-card-connect-fields textarea { resize:vertical; }
.contact-card-connect-fields input:focus,.contact-card-connect-fields textarea:focus { border-color:var(--card-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--card-accent) 14%,transparent); }
.contact-card-honeypot { position:absolute !important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-card-connect-disclosure { margin:0; color:#717b76; font-size:.7rem; line-height:1.55; }
.contact-card-connect-status { min-height:18px; margin:0; color:var(--card-muted); font-size:.75rem; font-weight:700; }
.contact-card-connect-status.is-error { color:#a33041; }
.contact-card-connect-form footer { display:flex; justify-content:flex-end; gap:9px; padding:16px 24px max(16px,env(safe-area-inset-bottom)); border-top:1px solid var(--card-line); background:var(--card-paper); }
.contact-card-connect-form footer button { min-height:46px; padding:0 17px; border:1px solid var(--card-accent); border-radius:12px; color:#fff; background:var(--card-accent); cursor:pointer; font-weight:800; }
.contact-card-connect-form footer .is-secondary { border-color:var(--card-line); color:var(--card-ink); background:#fff; }
.contact-card-connect-form footer button:disabled { opacity:.55; cursor:wait; }
.contact-card-connect-success { padding:52px 28px; text-align:center; }
.contact-card-connect-success > span { display:grid; width:58px; height:58px; margin:0 auto 16px; place-items:center; border-radius:999px; color:#fff; background:var(--card-accent); font-size:1.5rem; }
.contact-card-connect-success h3 { margin:0; font:800 1.4rem Manrope,sans-serif; }
.contact-card-connect-success p { margin:8px auto 0; color:var(--card-muted); font-size:.86rem; line-height:1.5; }

.card-editor-page { min-height: 100vh; color: #0f1620; background: radial-gradient(720px 360px at 8% 4%, rgba(35,199,244,.08), transparent 62%), linear-gradient(180deg, #f8fafc, #edf2f7); font-family: Manrope, Arial, sans-serif; }
.card-editor-topbar { display: flex; min-height: 68px; align-items: center; justify-content: space-between; padding: 0 clamp(20px, 5vw, 68px); border-bottom: 1px solid var(--card-line); background: rgba(255,255,255,.88); backdrop-filter: blur(16px); }
.card-editor-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.card-editor-brand > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: #fff; background: var(--card-ink); font-size: .73rem; font-weight: 800; letter-spacing: -.05em; }
.card-editor-brand strong { font-family: Manrope, sans-serif; letter-spacing: -.04em; }
.card-editor-back { color: #5c6863; text-decoration: none; font-size: .82rem; font-weight: 700; }
.card-editor-shell { width:min(1180px,calc(100% - 34px)); margin:0 auto; padding:108px 0 80px; }
.card-editor-kicker { margin: 0 0 10px; color: #397363; font-size: .7rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.card-editor-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:14px; margin-bottom:24px; }
.card-auto-save-status { margin:0; color:var(--card-muted); font-size:.76rem; font-weight:700; }
.card-auto-save-status.is-saving { color:#8a5a0a; }
.card-auto-save-status.is-error { color:#a33041; }
.card-editor-view { display:inline-flex; min-height:44px; align-items:center; padding:12px 16px; border:1px solid var(--card-line); border-radius:999px; background:#fff; text-decoration:none; font-size:.78rem; font-weight:700; }
.card-editor-status { padding: 26px 0; color: var(--card-muted); }
.card-editor-status:empty { display: none; }
.card-activation { margin-top: 24px; overflow: hidden; border: 1px solid rgba(15,118,110,.22); border-radius: 14px; background: #fff; box-shadow: 0 20px 55px rgba(7,16,26,.07); }
.card-activation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; padding: 28px; border-bottom: 1px solid rgba(15,22,32,.1); background: linear-gradient(180deg, rgba(236,253,250,.64), #fbfcfd); }
.card-activation-head h2 { margin: 0; font: 700 clamp(1.6rem,3vw,2.3rem) Fraunces,Georgia,serif; }
.card-activation-head p:not(.card-editor-kicker) { max-width: 680px; margin: 8px 0 0; color: #667184; line-height: 1.6; }
.card-scan-panel { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 24px; align-items: center; margin: 24px 0; padding: 20px; border: 1px solid rgba(15,22,32,.1); border-radius: 14px; background: #fff; box-shadow: 0 12px 38px rgba(7,16,26,.045); }
.card-scan-preview { display: grid; aspect-ratio: 1.7; place-items: center; overflow: hidden; border: 1px dashed rgba(15,22,32,.24); border-radius: 9px; color: #667184; background: #fff; font-size: .75rem; font-weight: 800; }
.card-scan-preview img { width: 100%; height: 100%; object-fit: cover; }
.card-scan-panel h3 { margin: 0; font: 700 1.1rem Fraunces,Georgia,serif; }
.card-scan-panel p { margin: 6px 0 0; color: #667184; font-size: .82rem; line-height: 1.55; }
.card-scan-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 14px; }
.card-scan-actions label, .card-scan-actions button, .card-activation-actions button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid #123a33; border-radius: 999px; color: #fff; background: #123a33; cursor: pointer; font: 800 .78rem Manrope,Arial,sans-serif; }
.card-scan-actions button { color: #123a33; background: #fff; }
.card-scan-actions button:disabled { opacity: .45; cursor: default; }
.card-activation-form { padding: 0 28px 28px; }
.card-activation-actions { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(15,22,32,.1); }
.card-activation-actions p { margin: 0; color: #667184; font-size: .78rem; }
.card-slug-field { display: flex; align-items: center; overflow: hidden; width: 100%; border: 1px solid #d6dbd8; border-radius: 10px; background: #fbfcfa; }
.card-slug-field i { flex: none; padding-left: 12px; color: #687488; font-size: .75rem; font-style: normal; font-weight: 700; }
.card-slug-field input { min-width: 100px; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
#card-slug-status { color: #667184; font-weight: 600; }
#card-slug-status.is-available { color: #14725d; }
#card-slug-status.is-unavailable { color: #a33041; }
.card-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.card-editor-panel { padding: 26px; border: 1px solid rgba(15,22,32,.1); border-radius: 14px; background: #fff; box-shadow: 0 12px 38px rgba(7,16,26,.045); }
.card-editor-wide-panel, .card-editor-publish-panel, .card-editor-actions { grid-column: 1 / -1; }
.card-editor-panel-head { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 22px; }
.card-editor-panel-head > span { display: grid; width: 34px; height: 34px; flex: none; place-items: center; border-radius: 10px; color: #397363; background: #e8f0ec; font-size: .7rem; font-weight: 800; }
.card-editor-panel-head h2 { margin: 0; font-family: Manrope, sans-serif; font-size: 1.12rem; letter-spacing: -.03em; }
.card-editor-panel-head p { margin: 4px 0 0; color: var(--card-muted); font-size: .78rem; }
.card-editor-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.card-contact-method { display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:8px; min-width:0; }
.card-editor-fields label, .card-editor-publish-controls label { display: grid; gap: 7px; color: #56615d; font-size: .72rem; font-weight: 700; }
.card-editor-wide { grid-column: 1 / -1; }
.card-editor-fields input, .card-editor-fields textarea, .card-editor-publish-controls select { width: 100%; min-height: 46px; padding: 11px 12px; border: 1px solid #d6dbd8; border-radius: 10px; color: var(--card-ink); background: #fbfcfa; outline: 0; }
.card-editor-fields textarea { resize: vertical; }
.card-editor-fields input:focus, .card-editor-fields textarea:focus, .card-editor-publish-controls select:focus { border-color: #4c8c79; box-shadow: 0 0 0 3px rgba(76,140,121,.12); }
.card-editor-links { display: grid; gap: 10px; }
.card-editor-link-row { display: grid; grid-template-columns: 190px minmax(0, 1fr) 38px; gap: 9px; }
.card-editor-link-row input { min-height: 44px; padding: 10px 12px; border: 1px solid #d6dbd8; border-radius: 10px; background: #fbfcfa; }
.card-editor-link-row button { border: 0; border-radius: 10px; color: #9a3940; background: #f8eeee; cursor: pointer; }
.card-editor-add-link { margin-top: 12px; border: 0; color: #397363; background: transparent; cursor: pointer; font-weight: 700; }
.card-repeatable-field { display: grid; gap: 9px; padding-top: 4px; }
.card-repeatable-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #56615d; font-size: .72rem; font-weight: 700; }
.card-repeatable-heading button { border: 0; color: #397363; background: transparent; cursor: pointer; font-size: .72rem; font-weight: 800; }
.card-repeatable-list { display: grid; gap: 8px; }
.card-repeatable-row { display:grid; grid-template-columns:132px minmax(0,1fr) 38px; gap:8px; }
.card-repeatable-row input { min-width: 0; }
.card-repeatable-row button { border: 0; border-radius: 10px; color: #9a3940; background: #f8eeee; cursor: pointer; font-weight: 800; }
.card-editor-media-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.card-editor-media-control { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 14px; align-items: center; min-width: 0; padding: 14px; border: 1px solid var(--card-line); border-radius: 15px; background: #f8faf8; }
.card-editor-media-control h3 { margin: 0; font-family: Manrope, sans-serif; font-size: .9rem; }
.card-editor-media-control p { margin: 4px 0 0; color: var(--card-muted); font-size: .72rem; line-height: 1.45; }
.card-editor-media-preview { display: grid; width: 92px; height: 92px; place-items: center; overflow: hidden; border: 1px dashed #b9c4bf; border-radius: 18px; color: #71807a; background: #fff; font-size: .67rem; font-weight: 800; }
.card-editor-media-preview.is-profile { border-radius: 30px; }
.card-editor-media-preview.is-logo { padding: 0; }
.card-editor-media-preview.is-background { border-radius: 12px; }
.card-editor-media-preview img { display:block; width: 100%; height: 100%; object-fit: cover; }
.card-editor-media-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 10px; }
.card-editor-media-actions label, .card-editor-media-actions button { padding: 6px 0; border: 0; color: #397363; background: transparent; cursor: pointer; font-size: .7rem; font-weight: 800; }
.card-editor-media-actions button { color: #9a3940; }
.card-editor-media-actions button:disabled { color: #a9b0ad; cursor: default; }
.card-editor-media-status { min-height: 18px; margin: 12px 0 0; color: var(--card-muted); font-size: .76rem; font-weight: 700; }
.card-editor-section-order { display: grid; gap: 8px; }
.card-editor-order-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 58px; padding: 10px 12px; border: 1px solid var(--card-line); border-radius: 12px; background: #f8faf8; }
.card-editor-order-number { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: #397363; background: #e6efeb; font-size: .7rem; font-weight: 800; }
.card-editor-order-row strong, .card-editor-order-row small { display: block; }
.card-editor-order-row strong { font-size: .85rem; }
.card-editor-order-row small { margin-top: 2px; color: var(--card-muted); font-size: .7rem; }
.card-editor-order-actions { display: flex; gap: 5px; }
.card-editor-order-actions button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--card-line); border-radius: 9px; color: var(--card-ink); background: #fff; cursor: pointer; }
.card-editor-order-actions button:disabled { opacity: .35; cursor: default; }
.card-editor-publish-controls { display: grid; grid-template-columns: 150px 200px minmax(0, 1fr); gap: 18px; align-items: end; }
.card-editor-publish-controls input[type="color"] { width: 100%; height: 48px; padding: 4px; border: 1px solid #d6dbd8; border-radius: 10px; background: #fbfcfa; }
.card-editor-publish-controls > div { display: grid; gap: 5px; }
.card-editor-publish-controls > div > span { color: #56615d; font-size: .72rem; font-weight: 700; }
.card-editor-publish-controls strong { overflow-wrap: anywhere; }
.card-editor-publish-controls small { color: var(--card-muted); line-height: 1.45; }
.card-editor-publish-controls .card-editor-branding-toggle { display: flex; grid-column: 1 / -1; align-items: flex-start; gap: 11px; margin-top: 4px; padding: 14px; border: 1px solid var(--card-line); border-radius: 12px; background: #f7f9f7; cursor: pointer; }
.card-editor-branding-toggle input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--card-accent); }
.card-editor-branding-toggle > span { display: grid; gap: 3px; }
.card-editor-branding-toggle strong { color: var(--card-ink); font-size: .82rem; }
.card-editor-branding-toggle small { font-weight: 500; }
.card-editor-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding-top: 8px; }
.card-editor-actions p { margin: 0; color: var(--card-muted); font-size: .8rem; }
.card-editor-actions button { min-height: 50px; padding: 0 24px; border: 0; border-radius: 14px; color: #fff; background: var(--card-ink); cursor: pointer; font-weight: 800; }
.card-editor-actions button:disabled { opacity: .55; cursor: wait; }
.card-request-state { margin: 0 0 18px; padding: 13px 15px; border: 1px solid rgba(82,97,115,.14); border-radius: 10px; color: #526173; background: #f7f9fb; font-size: .8rem; font-weight: 700; }
.card-request-state.is-requested { color: #8a5a0a; border-color: rgba(180,118,20,.2); background: #fff8e8; }
.card-request-state.is-shipped { color: #14725d; border-color: rgba(20,114,93,.2); background: #eef8f4; }
.card-activation-price { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding:15px 17px; border:1px solid rgba(18,58,51,.18); border-radius:12px; background:#f2f8f6; color:#526173; font-size:.82rem; }
.card-activation-price strong { color:#123a33; font-size:1rem; }
.card-commerce-button { min-height:44px; padding:0 17px; border:1px solid #123a33; border-radius:999px; color:#fff; background:#123a33; cursor:pointer; font:800 .78rem Manrope,Arial,sans-serif; }
.card-commerce-button.is-secondary { color:#123a33; background:#fff; }
.card-commerce-button:disabled { opacity:.55; cursor:wait; }
.card-extra-card-actions { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 20px; }
.card-editor-branding-toggle input:disabled { opacity:.65; }
.card-request-toggle { display: flex !important; align-items: center; gap: 10px !important; align-self: end; min-height: 46px; padding: 11px 12px; border: 1px solid #d6dbd8; border-radius: 10px; background: #fbfcfa; cursor: pointer; }
.card-request-toggle input { width: 18px !important; min-height: 18px !important; margin: 0; accent-color: #123a33; }

.card-scan-review { width: min(680px, calc(100% - 28px)); max-height: min(760px, calc(100dvh - 28px)); padding: 0; overflow: hidden; border: 0; border-radius: 18px; color: var(--card-ink); background: #fff; box-shadow: 0 30px 90px rgba(7,16,26,.32); }
.card-scan-review::backdrop { background: rgba(7,16,26,.62); backdrop-filter: blur(5px); }
.card-scan-review form { display: grid; grid-template-rows: auto minmax(0,1fr) auto; max-height: inherit; overflow: hidden; }
.card-scan-review header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px; border-bottom: 1px solid var(--card-line); }
.card-scan-review h2 { margin: 0; font: 700 1.5rem Fraunces,Georgia,serif; }
.card-scan-review header p:not(.card-editor-kicker) { margin: 6px 0 0; color: var(--card-muted); font-size: .8rem; line-height: 1.5; }
.card-scan-review-close { width: 40px; height: 40px; flex: none; border: 0; border-radius: 999px; background: #eef2ef; cursor: pointer; font-size: 1.4rem; }
.card-scan-review-fields { display: grid; min-height: 0; gap: 8px; padding: 18px 22px; overflow: auto; overscroll-behavior: contain; }
.card-scan-review-row { display: grid; grid-template-columns: 22px 120px minmax(0,1fr); gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--card-line); border-radius: 12px; background: #f8faf8; cursor: pointer; }
.card-scan-review-row input { width: 18px; height: 18px; accent-color: #123a33; }
.card-scan-review-row strong { font-size: .76rem; }
.card-scan-review-row span { min-width: 0; overflow-wrap: anywhere; color: #4f5c57; font-size: .8rem; }
.card-scan-review footer { position: relative; z-index: 1; display: flex; flex: none; justify-content: flex-end; gap: 9px; padding: 16px 22px max(16px,env(safe-area-inset-bottom)); border-top: 1px solid var(--card-line); background: #fff; box-shadow: 0 -10px 24px rgba(7,16,26,.06); }
.card-scan-review footer button { min-height: 44px; padding: 0 15px; border-radius: 11px; cursor: pointer; font-weight: 800; }
.card-scan-primary { border: 1px solid #123a33; color: #fff; background: #123a33; }
.card-scan-secondary { border: 1px solid var(--card-line); color: var(--card-ink); background: #fff; }

/* Contact Card workspace: intentionally phone-width on every screen. */
.card-editor-page { padding-bottom:110px; }
.card-editor-shell { width:min(560px,calc(100% - 28px)); padding:102px 0 46px; }
.card-editor-toolbar { position:static; z-index:auto; min-height:40px; margin:0 0 12px; padding:0 2px 9px; border:0; border-bottom:1px solid var(--card-line); border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; justify-content:space-between; }
.card-auto-save-status { display:inline-flex; min-height:30px; align-items:center; gap:6px; padding:0; border-radius:0; color:#557068; background:transparent; }
.card-auto-save-status::before { content:"✓"; display:inline; width:auto; height:auto; color:#2f7d68; background:transparent; font-size:.72rem; }
.card-auto-save-status.is-saving::before { content:""; border:2px solid rgba(138,90,10,.25); border-top-color:#8a5a0a; background:transparent; animation:card-save-spin .7s linear infinite; }
.card-auto-save-status.is-error::before { content:"!"; color:#a33041; background:transparent; }
@keyframes card-save-spin { to { transform:rotate(360deg); } }
.card-editor-view { min-height:32px; padding:5px 0; border:0; border-radius:0; color:#245f50; background:transparent; box-shadow:none; text-decoration:underline; text-decoration-color:rgba(36,95,80,.3); text-underline-offset:4px; }
.card-editor-status { padding:12px 2px; }
.card-workspace-view { animation:card-workspace-enter .22s ease both; }
@keyframes card-workspace-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
.card-editor-grid { grid-template-columns:1fr; gap:12px; margin-top:12px; }
.card-editor-wide-panel,.card-editor-publish-panel,.card-editor-actions { grid-column:auto; }
.card-editor-panel { padding:20px; border-radius:20px; box-shadow:0 10px 32px rgba(7,16,26,.045); }
.card-editor-panel-head > span { display:none; }
.card-editor-panel-head { margin-bottom:18px; }
.card-editor-panel-head h2 { font-size:1.05rem; }
.card-editor-fields,.card-editor-publish-controls { grid-template-columns:1fr; }
.card-editor-wide { grid-column:auto; }
.card-editor-media-grid { grid-template-columns:1fr; }
.card-scan-panel { grid-template-columns:150px minmax(0,1fr); margin:0 0 12px; border-radius:20px; }
.card-editor-publish-controls .card-editor-branding-toggle { grid-column:auto; }
.card-preview-view { min-height:0; }
.card-phone-preview { position:relative; width:100%; min-height:0; overflow:hidden; border:1px solid rgba(19,35,31,.13); border-radius:30px; background:#fff; box-shadow:0 26px 70px rgba(7,16,26,.16); }
.card-phone-preview::before { position:absolute; z-index:2; top:8px; left:50%; width:72px; height:17px; border-radius:999px; background:#08120f; content:""; transform:translateX(-50%); pointer-events:none; }
.card-phone-preview iframe { display:block; width:100%; height:590px; border:0; background:#fff; }
.card-workspace-nav { position:fixed; z-index:30; bottom:0; left:50%; display:grid; width:min(560px,calc(100% - 28px)); grid-template-columns:repeat(4,1fr); padding:0 0 max(4px,env(safe-area-inset-bottom)); border:0; border-top:1px solid rgba(19,35,31,.14); border-radius:0; background:#fff; box-shadow:none; transform:translateX(-50%); backdrop-filter:none; }
.card-workspace-nav button { position:relative; display:grid; min-width:0; min-height:64px; place-items:center; gap:3px; padding:9px 3px 7px; border:0; border-top:3px solid transparent; border-radius:0; color:#74807b; background:transparent; cursor:pointer; font-size:.64rem; font-weight:800; }
.card-workspace-nav button > span { display:grid; width:20px; height:20px; place-items:center; line-height:1; }
.card-workspace-nav button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.card-workspace-nav button.is-active { border-top-color:#123a33; color:#123a33; background:#f3f7f5; }
.card-workspace-nav i { position:absolute; top:4px; right:15%; display:grid; min-width:18px; height:18px; place-items:center; padding:0 4px; border:2px solid #fff; border-radius:999px; color:#fff; background:#b23848; font-size:.55rem; font-style:normal; }
.card-mobile-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:12px; padding:24px; border:1px solid var(--card-line); border-radius:22px; background:#fff; box-shadow:0 12px 38px rgba(7,16,26,.055); }
.card-mobile-panel-head h1 { margin:0; font:800 2rem Manrope,sans-serif; letter-spacing:-.055em; }
.card-mobile-panel-head p:not(.card-editor-kicker) { margin:7px 0 0; color:var(--card-muted); font-size:.8rem; line-height:1.5; }
.card-contact-count { display:grid; min-width:42px; height:42px; place-items:center; border-radius:14px; color:#fff; background:#123a33; font-size:.8rem; font-weight:800; }
.card-contact-tools { display:grid; gap:12px; margin-bottom:12px; padding:16px; border:1px solid var(--card-line); border-radius:20px; background:#fff; box-shadow:0 10px 32px rgba(7,16,26,.045); }
.card-contact-source-filters { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid var(--card-line); border-radius:12px; background:#f5f7f6; }
.card-contact-source-filters button { min-height:40px; padding:7px 8px; border:0; border-right:1px solid var(--card-line); color:#63716c; background:transparent; cursor:pointer; font-size:.68rem; font-weight:800; }
.card-contact-source-filters button:last-child { border-right:0; }
.card-contact-source-filters button.is-active { color:#fff; background:#123a33; }
.card-contact-search input { width:100%; min-height:44px; padding:10px 13px; border:1px solid var(--card-line); border-radius:12px; color:#10201b; background:#fff; font:600 .76rem Manrope,sans-serif; }
.card-contact-tool-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.card-contact-tool-actions label,.card-contact-tool-actions button { display:grid; min-height:44px; place-items:center; padding:10px 12px; border:1px solid #123a33; border-radius:12px; color:#fff; background:#123a33; cursor:pointer; font:800 .72rem Manrope,sans-serif; text-align:center; }
.card-contact-tool-actions button { color:#123a33; background:#fff; }
#card-contact-tool-status { min-height:0; margin:0; color:var(--card-muted); font-size:.7rem; }
#card-contact-tool-status:empty { display:none; }
#card-contact-tool-status.is-error { color:#a33041; }
#card-contact-tool-status.is-success { color:#286752; }
.card-contacts-list { display:grid; gap:10px; }
.card-contacts-list[aria-busy="true"] { opacity:.55; }
.card-workspace-empty { margin:0; padding:34px 22px; border:1px dashed rgba(19,35,31,.18); border-radius:18px; color:var(--card-muted); background:rgba(255,255,255,.65); text-align:center; font-size:.82rem; }
.card-contact-entry { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; padding:16px; border:1px solid var(--card-line); border-radius:18px; background:#fff; box-shadow:0 8px 26px rgba(7,16,26,.04); }
.card-contact-avatar { display:grid; width:48px; height:48px; place-items:center; border-radius:16px; color:#fff; background:#123a33; font-size:.75rem; font-weight:800; }
.card-contact-entry h2 { margin:2px 0 0; font-size:.95rem; }
.card-contact-entry > div > p { margin:4px 0 0; color:var(--card-muted); font-size:.7rem; }
.card-contact-source { display:inline-flex; width:max-content; margin-top:7px; padding:4px 7px; border-radius:7px; color:#286752; background:#eaf4f0; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.card-contact-source.is-scanned { color:#315d85; background:#eaf2f9; }
.card-contact-entry-actions { display:flex; grid-column:2; gap:7px; flex-wrap:wrap; }
.card-contact-entry-actions a,.card-contact-entry-actions button { padding:7px 9px; border:0; border-radius:9px; color:#245f50; background:#edf5f2; cursor:pointer; text-decoration:none; font:700 .68rem Manrope,sans-serif; }
.card-contact-entry-actions button { color:#fff; background:#123a33; }
.card-contact-entry-actions p { width:100%; margin:3px 0 0; padding-top:9px; border-top:1px solid var(--card-line); color:#55625d; font-size:.76rem; line-height:1.5; }
.card-contact-scan-dialog { width:min(690px,calc(100% - 28px)); max-height:min(860px,calc(100dvh - 28px)); padding:0; overflow:auto; border:0; border-radius:24px; color:#10201b; background:#fff; box-shadow:0 35px 100px rgba(7,16,26,.35); }
.card-contact-scan-dialog::backdrop { background:rgba(7,16,26,.68); backdrop-filter:blur(5px); }
.card-contact-scan-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px 18px; border-bottom:1px solid var(--card-line); }
.card-contact-scan-dialog header h2 { margin:3px 0 0; font:700 1.55rem Fraunces,serif; }
.card-contact-scan-dialog header p:not(.card-editor-kicker) { margin:5px 0 0; color:var(--card-muted); font-size:.73rem; line-height:1.5; }
.card-contact-scan-fields { display:grid; grid-template-columns:1fr 1fr; gap:13px; padding:22px 24px; }
.card-contact-scan-fields label { display:grid; gap:6px; color:#5e6b67; font-size:.65rem; font-weight:800; }
.card-contact-scan-fields input,.card-contact-scan-fields textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--card-line); border-radius:11px; color:#10201b; background:#fff; font:600 .76rem Manrope,sans-serif; }
.card-contact-scan-fields textarea { resize:vertical; }
.card-contact-scan-wide { grid-column:1 / -1; }
.card-contact-scan-dialog footer { display:flex; justify-content:flex-end; gap:8px; padding:16px 24px 22px; border-top:1px solid var(--card-line); }
.card-profile-summary { display:grid; gap:1px; overflow:hidden; border:1px solid var(--card-line); border-radius:20px; background:var(--card-line); box-shadow:0 10px 32px rgba(7,16,26,.045); }
.card-profile-summary > div { display:flex; justify-content:space-between; gap:16px; padding:16px 18px; background:#fff; }
.card-profile-summary span { color:var(--card-muted); font-size:.75rem; }
.card-profile-summary strong { overflow-wrap:anywhere; text-align:right; font-size:.76rem; }
.card-profile-physical { margin-top:12px; padding:20px; border:1px solid var(--card-line); border-radius:20px; background:#fff; box-shadow:0 10px 32px rgba(7,16,26,.045); }
.card-profile-physical-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.card-profile-physical-head span { color:#397363; font-size:.62rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.card-profile-physical-head strong { display:block; margin-top:5px; font-size:.94rem; }
.card-profile-physical-head p { margin:6px 0 0; color:var(--card-muted); font-size:.72rem; line-height:1.5; }
.card-profile-physical-head button { flex:none; min-height:42px; padding:0 15px; border:0; border-radius:11px; color:#fff; background:#123a33; cursor:pointer; font:800 .72rem Manrope,Arial,sans-serif; }
.card-profile-physical .card-request-state { margin:16px 0 0; }
.card-profile-physical-purchase { margin-top:16px; padding-top:16px; border-top:1px solid var(--card-line); }
.card-profile-physical-purchase[hidden] { display:none; }
.card-profile-physical-purchase .card-extra-card-actions { margin-bottom:18px; }
.card-profile-history { margin-top:12px; padding:20px; border:1px solid var(--card-line); border-radius:20px; background:#fff; }
.card-profile-history h2 { margin:0 0 14px; font-size:1rem; }
.card-order-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid var(--card-line); }
.card-order-row:last-child { border-bottom:0; }
.card-order-row strong,.card-order-row small { display:block; }
.card-order-row strong { font-size:.78rem; }
.card-order-row small { margin-top:3px; color:var(--card-muted); font-size:.65rem; text-transform:capitalize; }
.card-order-row b { font-size:.76rem; }
.card-upgrade-placeholder { margin-top:12px; padding:20px; border:1px solid rgba(47,125,104,.2); border-radius:20px; background:linear-gradient(145deg,#edf7f3,#fff); }
.card-upgrade-placeholder span { color:#397363; font-size:.64rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.card-upgrade-placeholder strong { display:block; margin-top:7px; font-size:.92rem; }
.card-upgrade-placeholder p { margin:7px 0 0; color:var(--card-muted); font-size:.75rem; line-height:1.55; }
.card-upgrade-placeholder button { min-height:42px; margin-top:15px; padding:0 16px; border:0; border-radius:11px; color:#fff; background:#123a33; cursor:pointer; font:800 .74rem Manrope,sans-serif; }
.card-premium-tag { display:inline-flex; margin-left:5px; padding:3px 6px; border-radius:999px; color:#176b58; background:#e2f1ec; font-size:.52rem; font-style:normal; letter-spacing:.06em; text-transform:uppercase; vertical-align:2px; }
.card-editor-branding-toggle.is-premium-locked { cursor:pointer; }
.card-editor-branding-toggle.is-premium-locked input { opacity:.45; pointer-events:none; }
.card-editor-branding-toggle.is-premium-locked span { opacity:.78; }

.card-premium-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 28px)); max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); padding:0; overflow:auto; border:0; border-radius:26px; color:#10201b; background:#fff; box-shadow:0 35px 110px rgba(5,18,14,.4); }
.card-premium-dialog::backdrop { background:rgba(5,18,14,.7); backdrop-filter:blur(7px); }
.card-premium-dialog-inner { overflow:hidden; }
.card-premium-dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; padding:30px 30px 24px; color:#fff; background:radial-gradient(500px 220px at 85% 0,rgba(47,173,210,.25),transparent 65%),linear-gradient(145deg,#071914,#123a33); }
.card-premium-dialog header .card-editor-kicker { color:#8ed9c6; }
.card-premium-dialog h2 { max-width:570px; margin:0; font:700 clamp(1.75rem,4vw,2.55rem) Fraunces,serif; line-height:1.04; letter-spacing:-.035em; }
.card-premium-dialog header p:last-child { max-width:590px; margin:11px 0 0; color:#c7d8d2; font-size:.84rem; line-height:1.6; }
.card-premium-close { display:grid; width:42px; height:42px; flex:none; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#fff; background:rgba(255,255,255,.08); cursor:pointer; font-size:1.45rem; }
.card-premium-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:8px 30px; }
.card-premium-features > div { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; padding:17px 8px; border-bottom:1px solid #e3e9e6; }
.card-premium-features > div:nth-last-child(-n+2) { border-bottom:0; }
.card-premium-features > div > span { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; color:#176b58; background:#e1f1eb; font-size:.72rem; font-weight:900; }
.card-premium-features p,.card-premium-features strong,.card-premium-features small { display:block; margin:0; }
.card-premium-features strong { font-size:.82rem; }
.card-premium-features small { margin-top:4px; color:#697670; font-size:.7rem; line-height:1.45; }
.card-premium-trial { padding:10px 30px 2px; }
.card-premium-trial button { display:grid; width:100%; min-height:96px; align-content:center; gap:4px; padding:18px 20px; border:0; border-radius:16px; color:#fff; background:linear-gradient(135deg,#123a33,#176b58); box-shadow:0 12px 28px rgba(18,58,51,.2); cursor:pointer; text-align:left; }
.card-premium-trial button:hover,.card-premium-trial button:focus-visible { box-shadow:0 0 0 3px rgba(47,125,104,.2),0 14px 30px rgba(18,58,51,.22); }
.card-premium-trial button > span { color:#9ee0cf; font-size:.6rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.card-premium-trial button strong { font-size:1.08rem; }
.card-premium-trial button small { color:#d5e7e1; font-size:.68rem; line-height:1.45; }
.card-premium-trial button:disabled { opacity:.58; cursor:wait; }
.card-premium-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:10px 30px 20px; }
.card-premium-plans button { position:relative; display:grid; min-height:112px; align-content:center; gap:5px; padding:18px; border:1px solid #cfd8d4; border-radius:16px; color:#10201b; background:#f8faf9; cursor:pointer; text-align:left; }
.card-premium-plans button:hover,.card-premium-plans button:focus-visible { border-color:#2f7d68; box-shadow:0 0 0 3px rgba(47,125,104,.12); }
.card-premium-plans button.is-recommended { border-color:#2f7d68; background:linear-gradient(145deg,#eaf5f1,#fff); }
.card-premium-plans button > span { color:#2f7d68; font-size:.6rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.card-premium-plans button strong { font-size:1.18rem; letter-spacing:-.035em; }
.card-premium-plans button small { color:#697670; font-size:.68rem; }
.card-premium-plans button:disabled { opacity:.55; cursor:wait; }
.card-premium-status { min-height:18px; margin:-5px 30px 15px; color:#697670; font-size:.72rem; font-weight:700; }
.card-premium-status.is-error { color:#a33041; }
.card-premium-dialog footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 30px max(17px,env(safe-area-inset-bottom)); border-top:1px solid #e3e9e6; background:#fbfcfb; }
.card-premium-dialog footer label { display:flex; align-items:center; gap:8px; color:#64716c; font-size:.7rem; font-weight:700; }
.card-premium-dialog footer input { width:17px; height:17px; accent-color:#123a33; }
.card-premium-dialog footer button { border:0; color:#53615c; background:transparent; cursor:pointer; font-size:.72rem; font-weight:800; }

@media (max-width: 760px) {
  .contact-card-shell { width: 100%; box-shadow: none; }
  .contact-card-hero { min-height: 420px; padding-inline: 24px; }
  .card-editor-shell { width:min(100% - 22px,560px); padding-top:96px; }
  .card-editor-toolbar { justify-content:space-between; }
  .card-editor-grid { grid-template-columns: 1fr; }
  .card-editor-wide-panel, .card-editor-publish-panel, .card-editor-actions { grid-column: auto; }
  .card-editor-fields, .card-editor-publish-controls { grid-template-columns: 1fr; }
  .card-contact-method { grid-template-columns:minmax(0,1fr) 122px; }
  .card-editor-media-grid { grid-template-columns: 1fr; }
  .card-editor-wide { grid-column: auto; }
  .card-editor-link-row { grid-template-columns: 1fr 38px; }
  .card-editor-link-row input:first-child { grid-column: 1 / -1; }
  .card-editor-actions { align-items: stretch; flex-direction: column; }
  .card-editor-actions button { width: 100%; }
  .card-activation-head, .card-activation-actions { align-items: stretch; flex-direction: column; }
  .card-scan-panel { grid-template-columns: 1fr; margin: 0 0 12px; }
  .card-contact-scan-fields { grid-template-columns:1fr; padding:18px; }
  .card-contact-scan-wide { grid-column:auto; }
  .card-contact-scan-dialog header { padding:20px 18px 16px; }
  .card-contact-scan-dialog footer { padding:14px 18px 18px; }
  .card-premium-dialog { width:calc(100vw - 14px); max-width:calc(100vw - 14px); max-height:calc(100dvh - 14px); margin:auto; border-radius:24px; }
  .card-premium-dialog header { padding:24px 20px 20px; }
  .card-premium-features { grid-template-columns:1fr; padding:6px 20px; }
  .card-premium-features > div:nth-last-child(2) { border-bottom:1px solid #e3e9e6; }
  .card-premium-features > div:last-child { border-bottom:0; }
  .card-premium-trial { padding:8px 20px 2px; }
  .card-premium-plans { padding:8px 20px 18px; }
  .card-premium-status { margin-left:20px; margin-right:20px; }
  .card-premium-dialog footer { align-items:flex-start; padding-left:20px; padding-right:20px; }
  .card-activation-form { padding: 0 18px 18px; }
  .card-activation-actions button { width: 100%; }
  .card-activation-price { align-items:flex-start; flex-direction:column; }
  .card-extra-card-actions { display:grid; grid-template-columns:1fr; }
}

@media (max-width: 480px) {
  .card-workspace-nav { width:100%; }
  .contact-card-connect-dialog { width:100%; max-width:none; max-height:calc(100dvh - 10px); margin:auto 0 0; border-radius:24px 24px 0 0; }
  .contact-card-connect-fields input,.contact-card-connect-fields textarea { font-size:16px; }
  .card-editor-shell { width: calc(100% - 14px); padding-top: 84px; }
  .card-editor-panel, .card-scan-panel { padding: 17px; }
  .card-activation-head { padding: 20px 18px; }
  .card-editor-fields input, .card-editor-fields textarea, .card-editor-publish-controls select, .card-editor-link-row input { font-size: 16px; }
  .card-editor-media-control { grid-template-columns: 72px minmax(0,1fr); padding: 11px; }
  .card-editor-media-preview { width: 72px; height: 72px; border-radius: 16px; }
  .card-editor-media-preview.is-profile { border-radius: 24px; }
  .card-slug-field { align-items: stretch; flex-direction: column; }
  .card-slug-field i { padding: 9px 12px 0; }
  .card-scan-review-row { grid-template-columns: 22px minmax(0,1fr); }
  .card-scan-review-row strong { grid-column: 2; }
  .card-scan-review-row span { grid-column: 2; }
  .card-scan-review footer { display: grid; grid-template-columns: 1fr 1fr; }
  .card-scan-primary { grid-column: 1 / -1; grid-row: 1; }
  .card-editor-toolbar { gap:8px; }
  .card-auto-save-status { font-size:.68rem; }
  .card-repeatable-row { grid-template-columns:108px minmax(0,1fr) 38px; }
  .card-profile-physical-head { align-items:stretch; flex-direction:column; }
  .card-profile-physical-head button { width:100%; }
  .card-phone-preview { border-radius:22px; }
  .card-phone-preview iframe { height:530px; }
}