/* One colour token set controls the public card and its unsaved editor preview. */
.premium-card,.public-card-root{--glass-ink:#26313f;--glass-symbol:#e7eef7;--glass-text:#e7eef7;--glass-top:#3d536c;--glass-base:#141e2b;--glass-glow:#294659;--glass-tile-top:#6072878a;--glass-tile-bottom:#1b2431c9;--glass-edge:#d6e5fa38;--glass-border:#d6e5fa26;--glass-dialog:#202e3e;--glass-page:#111a25}
.premium-card[data-theme=bronze],.public-card-root[data-theme=bronze]{--glass-ink:#57351d;--glass-symbol:#fff0d8;--glass-text:#fff0dc;--glass-top:#986439;--glass-base:#302117;--glass-glow:#65401f;--glass-tile-top:#ba865794;--glass-tile-bottom:#57351dc9;--glass-edge:#ffe0b843;--glass-border:#f9d8ac29;--glass-dialog:#433021;--glass-page:#271c15}
.premium-card[data-theme=graphite],.public-card-root[data-theme=graphite]{--glass-ink:#33343a;--glass-symbol:#f0f0f3;--glass-text:#efeff3;--glass-top:#555963;--glass-base:#202126;--glass-glow:#393b44;--glass-tile-top:#86899280;--glass-tile-bottom:#292b32c9;--glass-edge:#f1f2ff38;--glass-border:#e1e4ef29;--glass-dialog:#30323a;--glass-page:#1a1b20}
.premium-card[data-theme=champagne],.public-card-root[data-theme=champagne]{--glass-ink:#796444;--glass-symbol:#604c30;--glass-text:#463824;--glass-top:#ede1cc;--glass-base:#d9c5a5;--glass-glow:#f7efdf;--glass-tile-top:#fff9e9c9;--glass-tile-bottom:#c5ae8990;--glass-edge:#ffffffb3;--glass-border:#fff9edb3;--glass-dialog:#f4e9d8;--glass-page:#e8dcc8}
.premium-card[data-theme=ocean],.public-card-root[data-theme=ocean]{--glass-ink:#154257;--glass-symbol:#e0f5ff;--glass-text:#e4f5fc;--glass-top:#286580;--glass-base:#102d41;--glass-glow:#1a5369;--glass-tile-top:#75afc885;--glass-tile-bottom:#153e52c9;--glass-edge:#d2f7ff43;--glass-border:#cdf4ff29;--glass-dialog:#163c51;--glass-page:#0b2534}
.premium-card[data-theme=emerald],.public-card-root[data-theme=emerald]{--glass-ink:#214d3c;--glass-symbol:#e9f6e8;--glass-text:#eef6e9;--glass-top:#426d55;--glass-base:#142e25;--glass-glow:#2e5741;--glass-tile-top:#86b59a80;--glass-tile-bottom:#214633c9;--glass-edge:#e4fbe338;--glass-border:#dcf1da29;--glass-dialog:#244334;--glass-page:#11251d}
body.public-card.premium-card{background:radial-gradient(ellipse at 5% 10%,var(--glass-top),transparent 68%),var(--glass-page);background-attachment:fixed;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));height:auto;min-height:100dvh;overflow:visible;display:block}
.public-card.premium-card{color:var(--glass-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif}
.public-card.premium-card .business-card{width:100%;max-width:430px;display:flex;flex-direction:column;gap:20px;min-height:0;max-height:none;height:auto;margin:0 auto;overflow:visible;padding:26px 24px 22px;border-radius:36px;border:1px solid var(--glass-border);background:radial-gradient(ellipse at 0 0,var(--glass-top),transparent 64%),radial-gradient(ellipse at 100% 100%,var(--glass-glow),transparent 70%),var(--glass-base);box-shadow:inset 0 1px 1px #ffffff29,0 20px 50px #0003;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center}
.public-card.premium-card .business-card:before,.public-card.premium-card .business-card:after{display:none}
.public-card.premium-card .company-logo{width:auto;max-width:85%;height:44px;object-fit:contain;align-self:center;margin:0;background:none;padding:0;border:0;box-shadow:none;filter:none;border-radius:0}
.public-card.premium-card .company-wordmark{color:var(--glass-text);font-size:13px;letter-spacing:1px;font-weight:500;line-height:1.5;margin:0;text-align:center}
.public-card.premium-card .card-identity{position:relative;isolation:isolate;overflow:hidden;min-height:270px;border-radius:28px;background:linear-gradient(145deg,var(--glass-top),var(--glass-base));box-shadow:0 8px 20px #0002;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;flex:none}
.public-card.premium-card .portrait{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 35%;border:0;border-radius:0;box-shadow:none;margin:0;z-index:-2}
.public-card.premium-card .portrait.initials{display:grid;place-items:center;font-size:100px;color:var(--glass-symbol);background:linear-gradient(140deg,var(--glass-top),var(--glass-base));padding-bottom:45px}
.public-card.premium-card .card-identity:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#061017bf 100%);z-index:-1;pointer-events:none}
.public-card.premium-card .photo-caption{padding:85px 22px 22px;color:#fff}
.public-card.premium-card h1{font-size:29px;letter-spacing:-.7px;font-weight:600;line-height:1.12;white-space:normal;overflow:visible;text-overflow:clip;margin:0 0 7px;color:#fff;overflow-wrap:anywhere}
.public-card.premium-card .job{font-size:14px;line-height:1.4;font-weight:400;white-space:normal;overflow:visible;color:#ffffffe6;margin:0;overflow-wrap:anywhere}
.public-card.premium-card .card-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 8px;margin:8px -6px 0;padding:0;flex:none}
.public-card.premium-card .app-tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;min-height:44px;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:var(--glass-text);font-weight:400;text-decoration:none;-webkit-tap-highlight-color:transparent}
.public-card.premium-card .app-label{color:var(--glass-text);font-size:11px;line-height:1.3;font-weight:400;min-height:15px;white-space:normal;overflow-wrap:anywhere;text-shadow:none}
.public-card.premium-card .app-tile .app-icon.glass-icon,.public-card.premium-card .company-apps .company-app-icon.glass-icon{display:grid;place-items:center;flex:none;width:72px;height:72px;max-width:100%;padding:10px;border-radius:21px;background:linear-gradient(145deg,var(--glass-tile-top),var(--glass-tile-bottom));color:var(--glass-symbol);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 1px #ffffff24,inset 0 -1px 2px #0003,0 5px 9px #0003;filter:none;transform:translateY(0);transition:transform .24s cubic-bezier(.18,.85,.3,1.2),filter .18s,box-shadow .18s}
.public-card.premium-card .glass-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px #0003)}
.public-card.premium-card :is(.app-tile:active,.app-tile.is-pressed) .glass-icon,.public-card.premium-card :is(.company-app:active,.company-app.is-pressed) .glass-icon{transform:translateY(3px) scale(.88);filter:brightness(.82);box-shadow:inset 0 3px 7px #0005,0 1px 2px #0002;transition-duration:.07s}
.public-card.premium-card .app-tile:focus:not(:focus-visible){outline:0;box-shadow:none}
.public-card.premium-card :is(a,button,summary):focus-visible{outline:2px solid var(--glass-symbol);outline-offset:5px;border-radius:12px}
.public-card.premium-card footer{color:var(--glass-text);opacity:.65;font-size:8px;line-height:1.5;font-weight:400;letter-spacing:1px;margin:8px 0 0}
.public-card.premium-card dialog,.public-card.premium-card .card-folder,.public-card.premium-card .card-folder header{background:var(--glass-dialog);color:var(--glass-text);border-color:var(--glass-edge)}
.public-card.premium-card dialog button,.public-card.premium-card .company-contacts a,.public-card.premium-card .social-links a,.public-card.premium-card .company-entry{background:var(--glass-tile-bottom);color:var(--glass-text);border-color:var(--glass-edge)}
.public-card.premium-card .company-apps .company-app{color:var(--glass-text);background:none;border:0;box-shadow:none;font-weight:400}
.public-card.premium-card .company-app-icon.glass-icon{width:64px;height:64px;padding:9px;border-radius:18px}
.public-card.premium-card #share-status:not(:empty){background:var(--glass-dialog);color:var(--glass-text)}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.theme-choice{display:flex;align-items:center;gap:9px;padding:12px 10px;font-size:12px;font-weight:400;background:#f5f8fb;color:#263a52;border:1px solid #b8c9d9;border-radius:14px;text-align:left;min-height:50px;box-shadow:none}.theme-choice[aria-pressed=true]{border-color:#1b699c;background:#e7f3ff;box-shadow:0 0 0 1px #1b699c}.theme-swatch{width:25px;height:25px;flex:none;border-radius:8px;background:linear-gradient(140deg,#ffffff42,transparent),var(--swatch);box-shadow:inset 0 1px 1px #ffffff50}.theme-choice>span:last-child{margin-left:auto}.theme-choice:focus-visible{outline:2px solid #17699e;outline-offset:3px}
#theme-preview .public-card.premium-card{padding:0;background:none;height:auto;min-height:0;display:block;overflow:visible}#theme-preview .business-card{max-width:370px}#theme-preview .app-tile{pointer-events:none}#theme-preview .card-identity{min-height:250px}#theme-preview .company-logo{max-height:44px}#theme-preview .business-card .company-wordmark{max-width:100%;font-size:12px}
@media(max-width:360px){.public-card.premium-card .business-card{padding:20px 17px}.public-card.premium-card .app-tile .app-icon.glass-icon{width:64px;height:64px;border-radius:18px}.public-card.premium-card .app-label{font-size:10px}.public-card.premium-card .card-identity{min-height:240px}.theme-choices{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.public-card.premium-card .app-tile .app-icon.glass-icon{transition:none}.public-card.premium-card :is(.app-tile:active,.app-tile.is-pressed,.company-app:active,.company-app.is-pressed) .glass-icon{transform:none;filter:brightness(.82)}}

.app-order-item .order-art{display:block;width:40px;height:40px;padding:6px;flex:none;border-radius:12px;background:linear-gradient(145deg,var(--glass-top),var(--glass-base));color:var(--glass-symbol);box-shadow:inset 0 1px 1px #fff3,0 2px 4px #0002}.order-art svg{width:100%;height:100%;display:block}

/* Approved clear-glass design: the page is the background, without an outer card. */
html.public-card-root{background:var(--glass-page);min-height:100%;height:auto;overflow:auto}
body.public-card.premium-card{background:radial-gradient(ellipse at 0 0,var(--glass-top),transparent 85%),var(--glass-page);padding:max(20px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));min-height:100svh;min-height:100dvh}
.public-card.premium-card .business-card{max-width:390px;margin:0 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:24px;backdrop-filter:none;-webkit-backdrop-filter:none}
.public-card.premium-card .company-logo{height:58px;max-width:95%;width:auto;margin:0 auto;object-fit:contain}
.public-card.premium-card .card-identity{min-height:272px;border-radius:27px}
.public-card.premium-card .card-apps{gap:23px 10px;margin:0 -3px}
.public-card.premium-card .app-tile .app-icon.glass-icon,.public-card.premium-card .company-apps .company-app-icon.glass-icon{display:block;width:94px;height:94px;padding:0;background:none;border:0;border-radius:24%;box-shadow:none;filter:none;transition:transform .26s cubic-bezier(.18,.85,.3,1.25),filter .18s;will-change:transform}
.public-card.premium-card .app-tile .app-icon.glass-icon svg,.public-card.premium-card .company-apps .company-app-icon.glass-icon svg{display:block;width:100%;height:100%;filter:none;overflow:visible}
.public-card.premium-card .app-label{font-size:11px;line-height:1.35;font-weight:400}
.public-card.premium-card .app-tile{gap:3px}
.public-card.premium-card .company-apps .company-app-icon.glass-icon{width:76px;height:76px}
.public-card.premium-card :is(.app-tile:active,.app-tile.is-pressed) .app-icon.glass-icon,.public-card.premium-card :is(.company-app:active,.company-app.is-pressed) .company-app-icon.glass-icon{transform:translateY(2px) scale(.91);filter:brightness(.83);box-shadow:none;transition-duration:.065s}
.public-card.premium-card .company-entry{border-radius:22px;background:#07172517;border:1px solid var(--glass-edge);margin:14px 0}
.public-card.premium-card .company-entry summary{display:grid;grid-template-columns:112px minmax(0,1fr) 12px;align-items:center;gap:12px;padding:14px;min-height:106px;list-style:none}
.public-card.premium-card .company-entry summary::-webkit-details-marker{display:none}
.public-card.premium-card .company-entry summary:not(:has(.company-logo-frame)){grid-template-columns:minmax(0,1fr) 12px}
.public-card.premium-card .company-entry summary strong{font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.public-card.premium-card .company-entry summary>span:last-child{margin:0;transition:transform .18s}
.public-card.premium-card .company-entry[open] summary>span:last-child{transform:rotate(180deg)}
.public-card.premium-card .company-logo-frame{width:112px;height:78px;display:flex;align-items:center;justify-content:center;padding:7px;border-radius:18px;background:linear-gradient(140deg,#f2faffb8,#e2eef873 54%,#ecf6ff98);border:1px solid #f4fbff83;box-shadow:inset 0 1px 1px #ffffff4d,0 4px 10px #07122224;overflow:hidden}
.public-card.premium-card .company-entry summary .company-logo-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0;filter:none}
.public-card.premium-card .company-entry[open] .company-content{animation:company-reveal .2s ease-out}
.public-card.premium-card dialog{position:fixed;padding:32px 24px 26px;max-height:calc(100dvh - 40px);border-radius:27px;overflow:auto;overscroll-behavior:contain;text-align:center;box-shadow:0 20px 70px #07121e66}
.public-card.premium-card dialog[open]{animation:dialog-reveal .18s ease-out}
.public-card.premium-card dialog::backdrop{background:#07142180;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.public-card.premium-card dialog h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere;margin:22px 0 14px}
.public-card.premium-card dialog h2:focus{outline:0}
.public-card.premium-card dialog p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;margin:18px 0}
.public-card.premium-card dialog .dialog-close{position:absolute;right:10px;top:10px;width:44px!important;min-width:44px;height:44px;min-height:44px;flex:none;padding:0;margin:0;display:grid;place-items:center;background:linear-gradient(145deg,var(--glass-tile-top),var(--glass-tile-bottom));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 1px #ffffff52,inset 0 -1px 2px #0003,0 3px 9px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .18s ease,filter .18s;border-radius:50%;color:var(--glass-text);font-size:27px;font-weight:400;line-height:1;z-index:2}
.public-card.premium-card dialog .dialog-close:before{content:none;display:none}
.public-card.premium-card dialog .dialog-close svg{display:block;width:20px;height:20px;flex:none}
.public-card.premium-card dialog .dialog-close:focus:not(:focus-visible){outline:0;box-shadow:none}
.public-card.premium-card dialog .dialog-close:focus-visible{outline:1px solid var(--glass-symbol);outline-offset:1px}
.public-card.premium-card .card-folder{width:min(94vw,520px);padding:16px 16px 22px;text-align:left}
.public-card.premium-card .card-folder header{top:-16px;padding:6px 42px 10px 0;border:0;position:sticky;z-index:3}
.public-card.premium-card .card-folder header h2{font-size:21px;margin:10px 0}
.public-card.premium-card .card-folder header .dialog-close{right:-10px;top:-4px}
.public-card.premium-card .card-qr{margin:26px auto 0;text-align:center}
.public-card.premium-card .card-qr p{font-size:13px;margin:0 0 14px}
.public-card.premium-card .card-qr svg{display:block;width:220px;height:auto;max-width:100%;margin:auto;background:white;border-radius:0}
.public-card.premium-card .company-content .company-apps{justify-content:flex-start}
.public-card.premium-card footer{margin-top:4px}
.app-order-item .order-art{background:none;box-shadow:none;padding:0;width:44px;height:44px}
#theme-preview .public-card.premium-card{padding:18px;border-radius:24px;background:radial-gradient(ellipse at 0 0,var(--glass-top),transparent 85%),var(--glass-page);background-color:var(--glass-page)}
#theme-preview .public-card.premium-card .business-card{padding:0;background:none;border:0;border-radius:0;box-shadow:none;animation:theme-reveal .22s ease-out}
#theme-preview .public-card.premium-card .company-logo{max-height:58px}
#theme-preview .public-card.premium-card .card-identity{min-height:250px}
@media(hover:hover) and (pointer:fine){.public-card.premium-card .app-tile:not(:disabled):hover .app-icon.glass-icon,.public-card.premium-card .company-app:hover .company-app-icon.glass-icon{transform:translateY(-2px);filter:brightness(1.07)}.public-card.premium-card :is(.app-tile:active,.app-tile.is-pressed):hover .app-icon.glass-icon,.public-card.premium-card :is(.company-app:active,.company-app.is-pressed):hover .company-app-icon.glass-icon{transform:translateY(2px) scale(.91);filter:brightness(.83)}}
@keyframes dialog-reveal{from{opacity:0;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes company-reveal{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@keyframes theme-reveal{from{opacity:.55}to{opacity:1}}
@media(max-width:360px){body.public-card.premium-card{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.public-card.premium-card .app-tile .app-icon.glass-icon{width:82px;height:82px}.public-card.premium-card .company-entry summary{grid-template-columns:94px minmax(0,1fr) 10px;gap:10px;padding:11px}.public-card.premium-card .company-logo-frame{width:94px;height:72px}.public-card.premium-card .company-entry summary strong{font-size:15px}.public-card.premium-card dialog{padding-left:18px;padding-right:18px}.public-card.premium-card .card-folder{padding:14px}}
@media(prefers-reduced-motion:reduce){.public-card.premium-card dialog[open],.public-card.premium-card .company-entry[open] .company-content,#theme-preview .public-card.premium-card .business-card{animation:none}.public-card.premium-card .app-tile .app-icon.glass-icon,.public-card.premium-card .company-apps .company-app-icon.glass-icon,.public-card.premium-card .company-entry summary>span:last-child{transition:none}.public-card.premium-card :is(.app-tile:active,.app-tile.is-pressed,.app-tile:hover) .app-icon.glass-icon,.public-card.premium-card :is(.company-app:active,.company-app.is-pressed,.company-app:hover) .company-app-icon.glass-icon{transform:none}}

/* Height-aware home layout: three rows fit typical phone viewports; extra apps scroll naturally. */
.public-card.premium-card .company-logo{filter:drop-shadow(0 2px 2px #0005)}
.public-card.premium-card #share-status:empty{display:none}
.public-card.premium-card dialog .dialog-close:active{transform:scale(.9);filter:brightness(.85)}
@media(max-width:600px){
 body.public-card.premium-card{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 body.public-card.premium-card .business-card{gap:clamp(10px,1.6dvh,18px)}
 body.public-card.premium-card .company-logo{height:clamp(36px,6.5dvh,58px)}
 body.public-card.premium-card .card-identity{min-height:clamp(160px,27dvh,272px)}
 body.public-card.premium-card .card-apps{row-gap:clamp(8px,1.5dvh,16px)}
 body.public-card.premium-card .app-tile .app-icon.glass-icon{width:clamp(56px,10dvh,88px);height:clamp(56px,10dvh,88px)}
 body.public-card.premium-card .app-label{min-height:18px;font-size:11px}
 body.public-card.premium-card .photo-caption{padding:50px 18px 18px}
 body.public-card.premium-card h1{font-size:clamp(24px,4dvh,29px)}
}
@media(prefers-reduced-motion:reduce){.public-card.premium-card dialog .dialog-close{transition:none}.public-card.premium-card dialog .dialog-close:active{transform:none}}

/* Transparent padding is cropped at display time; original brand artwork stays intact. */
.public-card.premium-card .company-logo{height:44px;max-width:90%;filter:drop-shadow(0 2px 2px #0005)}
@media(max-width:600px){body.public-card.premium-card .company-logo{height:clamp(38px,6.65dvh,44px)}}

/* Balance spare phone space without pinning or clipping longer cards. */
.public-card.premium-card{--logo-depth:drop-shadow(0 0 8px #e8f3ff59) drop-shadow(0 1px 2px #0002)}
.public-card.premium-card[data-theme=champagne]{--logo-depth:drop-shadow(0 2px 2px #0005)}
.public-card.premium-card .company-logo{filter:var(--logo-depth)}
@media(max-width:600px){
 body.public-card.premium-card{display:flex;flex-direction:column}
 body.public-card.premium-card>.business-card{flex:0 0 auto;margin-block:auto}
}

.public-card.premium-card .card-profile-details{margin:28px auto 10px;max-width:650px;padding:22px;text-align:left;border:1px solid var(--glass-border);border-radius:22px;background:linear-gradient(135deg,var(--glass-tile-top),transparent)}.card-profile-details h2{font-size:20px;margin-top:0}.card-profile-details h3{font-size:14px;margin:18px 0 6px}.card-profile-details p{font-size:14px;line-height:1.6;margin:8px 0}.seo-preview{padding:20px;border:1px solid #c8d8e8;border-radius:16px;background:#fff;margin:18px 0}.seo-preview strong{display:block;color:#174a8b;font-size:19px}.seo-preview small{display:block;margin:7px 0;color:#32654c}.seo-preview p{line-height:1.5;color:#4a5c6b}.domain-input{display:flex;align-items:center;gap:8px}.domain-input input{min-width:0}.seo-preview-status{font-weight:600}