/* Public share page. Keep dashboard and login styles independent. */
.share-page{background:#f2f6ff;color:#24334e}
.share-page .share-shell{max-width:512px;padding:26px 20px 30px}
.share-page .share-shell:before{background:radial-gradient(ellipse at 15% 8%,#dfeaff 0,transparent 48%),radial-gradient(ellipse at 95% 53%,#e6edff 0,transparent 55%),linear-gradient(160deg,#f4f8ff,#f0f4ff)}
.share-page .share-brand{margin:0 4px 24px;gap:9px;font-size:14px;color:#334b75}
.share-page .share-brand .brand-mark{width:28px;height:28px;border-radius:9px;background:#e3ebff;color:#4d74dc;box-shadow:none;font-size:22px}
.share-page .share-brand-name{letter-spacing:1px}
.share-page .share-brand .share-brand-caption{color:#7486a5;font-size:10px;letter-spacing:1px}
.share-page .share-card{position:relative;padding:30px 28px 24px;border:1px solid #fff;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fff 72%,#fcfdff 100%);box-shadow:0 18px 55px #4263a112,0 2px 6px #4263a106;overflow:hidden}
.share-page .share-card:before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#b7ceff,transparent)}
.share-page .share-top{gap:13px;margin-bottom:18px}
.cloud-emblem{position:relative;display:grid;place-items:center;width:120px;height:112px;margin:0 auto}
.emblem-orbit{position:absolute;width:112px;height:86px;border:1px solid #dbe6ff;border-radius:50%;transform:rotate(-30deg)}
.emblem-orbit:after{content:'';position:absolute;inset:-9px;border:1px dashed #e3ebfc;border-radius:50%}
.emblem-tile{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:25px;background:linear-gradient(145deg,#75a0ff 0%,#4a7af5 45%,#355be6 100%);box-shadow:0 12px 25px #4776e93d,inset 0 1px 1px #ffffff91,inset 0 -2px 3px #244dd035;transform:rotate(-6deg)}
.emblem-tile:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff26;border-radius:20px}
.emblem-tile>svg{width:57px;height:57px;transform:rotate(6deg)}
.emblem-badge{position:absolute;right:15px;bottom:14px;width:28px;height:28px;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#e0f7f0;color:#27a27f;box-shadow:0 4px 10px #4b8d8620}
.emblem-badge svg{width:18px;height:18px}
.emblem-spark{position:absolute;border-radius:50%;background:#91b2ff}
.spark-one{width:6px;height:6px;right:3px;top:24px}
.spark-two{width:4px;height:4px;left:4px;bottom:25px;background:#b7caff}
.share-page .file-type{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.6px;background:#f2f6ff;color:#6881ac;padding:4px 10px}
.share-page .file-type>span{width:4px;height:4px;background:#6a90ed;border-radius:50%}
.share-page .share-card h1{font-size:24px;line-height:1.5;letter-spacing:-.3px;margin:0 0 10px;color:#233453}
.share-page .share-intro{font-size:12px;line-height:1.85;color:#75849e;margin:0 0 24px}
.share-page .share-open,.share-page .share-copy{position:relative;display:flex;justify-content:center;align-items:center;min-height:54px;padding:14px 46px;border-radius:15px;text-align:center;letter-spacing:.5px}
.share-page .share-open{font-size:17px;font-weight:650;background:linear-gradient(110deg,#477afa,#3562ec);box-shadow:0 7px 15px #3d6cf72b;border-color:#4773f1}
.share-page .share-open:hover{background:linear-gradient(110deg,#386be9,#2855df)}
.share-button-label{display:block}
.button-edge-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:21px;height:21px;pointer-events:none;opacity:.8}
.share-page .share-copy{margin-top:11px;min-height:50px;font-size:14px;font-weight:600;color:#426bd3;background:#edf3ff;border:1px solid #e7efff;box-shadow:none}
.share-page .share-copy:hover{background:#e3edff}
.share-page .share-copy .button-edge-icon{width:18px;height:18px;right:19px;opacity:.7}
.share-page .original-link{margin-top:17px;background:#f7f9fd;border:1px solid #eff2f8;border-radius:12px;padding:11px 13px}
.share-page .original-link span{font-size:10px;color:#8492a9;margin-bottom:4px;letter-spacing:.3px}
.share-page .original-link input{font-family:Consolas,"SFMono-Regular",monospace;font-size:11px;line-height:1.6;color:#627492;min-width:0}
.share-page .extraction{padding:0 2px;margin-top:12px;font-size:12px;color:#7b8da9}
.share-page .guide-box{margin-top:20px;background:#f5f8ff;border:1px solid #edf2fc;gap:10px;padding:14px 12px;border-radius:13px}
.share-page .guide-icon{display:grid;place-items:center;width:30px;height:34px;margin:0;background:#e7eeff;color:#7493d0;border:0;border-radius:9px}
.share-page .guide-icon svg{width:22px;height:22px}
.share-page .guide-box strong{font-size:12px;color:#526c96}
.share-page .guide-box p{font-size:11px;line-height:1.8;color:#7c8da7;margin-top:5px}
.download-section{margin-top:23px}
.download-heading{display:flex;align-items:center;justify-content:center;gap:10px;color:#91a0b7;font-size:10px;letter-spacing:.3px}
.download-heading span{height:1px;width:28px;background:#e6ecf5}
.share-page .share-download{margin-top:12px;border:1px solid #dce6f8;border-radius:12px;font-size:12px;font-weight:600;color:#5b78b0;background:#fff;min-height:43px;padding:10px 12px;white-space:normal}
.share-page .share-download:hover{background:#f5f8ff}
.share-page .download-note{font-size:10px;color:#8999b2;margin:9px 0 0;line-height:1.8}
.share-page .share-steps{margin:22px 0 18px;gap:17px}
.share-page .share-steps div{gap:5px;min-width:56px}
.share-page .share-steps span{width:22px;height:22px;color:#7190c3;background:#e4edfc;border:1px solid #dbe7fa;font-size:10px}
.share-page .share-steps strong{font-size:10px;color:#8296b7}
.share-page .share-steps i{letter-spacing:3px;color:#afc2df;padding-bottom:18px}
.share-page .share-footer{color:#8c9db8;font-size:9px;line-height:1.9}
.share-page .desktop-notice{font-size:11px;padding:10px 12px;color:#6880ad;border-radius:10px}
.share-page .desktop-notice button{font-size:11px}
.share-page .preview-banner{margin-bottom:14px}
.share-page .unavailable{padding:45px 24px}
.share-page .unavailable h1{margin-top:24px}
.share-page #toast{font-size:12px;border-radius:12px;background:#273f63f2;bottom:max(24px,env(safe-area-inset-bottom))}
@media(min-width:768px){.share-page .share-shell{padding-top:40px}.share-page .share-card{padding:32px 34px 26px}.guide-break{display:none}}
@media(max-width:359px){.share-page .share-shell{padding:20px 12px 24px}.share-page .share-card{padding:26px 18px 22px;border-radius:23px}.share-page .share-brand .share-brand-caption{font-size:9px;letter-spacing:0}.share-page .share-card h1{font-size:22px}.share-page .share-open{font-size:16px}.share-page .guide-box{padding:12px 10px;gap:8px}.share-page .share-steps{gap:12px}.guide-break{display:none}}
@media(prefers-reduced-motion:reduce){.share-page .button,.share-page #toast{transition:none}.share-page .button:hover{transform:none}}

/* Visitor pages have no team navigation or login entry. */
.share-page .share-shell{padding-top:32px}
.share-page .simple-guide{display:block;padding:16px 15px;background:#f5f6fa;border-color:#f1f3f7}
.share-page .simple-guide p{margin:0;font-size:13px;line-height:1.9;color:#8992a2}
.benefit-banner{display:flex;align-items:center;gap:12px;margin-top:14px;padding:15px 16px;border-radius:14px;background:linear-gradient(110deg,#fff6ee,#ffeceb);border:1px solid #ffefea;color:#d87860}
.benefit-icon{font-size:32px;line-height:1;flex-shrink:0}
.benefit-banner strong{display:block;font-size:14px;font-weight:600;color:#df775b}
.benefit-banner p{margin:4px 0 0;font-size:11px;line-height:1.7;color:#b98576}
.share-page .home-shell{min-height:100vh;display:flex;align-items:center}
.home-shell>.share-card{width:100%}
@media(min-width:768px){.share-page .share-shell{padding-top:48px}}
@media(max-width:359px){.share-page .share-shell{padding-top:24px}.share-page .simple-guide p{font-size:12px}.benefit-banner{padding:13px 12px;gap:10px}}