/* ShareSpace public-link dialog: approved mockup, KLAR tokens and motion role 4b. */
.ss-share-dialog{--title-indent:calc(var(--sp-6) + var(--sp-3));position:relative;width:640px;max-width:100%;max-height:calc(100dvh - 2 * var(--edge));overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-dialog);background:var(--klar-card);padding:var(--sp-6);color:var(--klar-ink);font-family:var(--f)}
.ss-share-frame::before,.ss-share-frame::after{content:"";position:absolute;width:var(--sp-7);height:var(--sp-7);pointer-events:none;border:0 solid var(--klar-accent)}
.ss-share-frame::before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px;border-top-left-radius:var(--r-dialog)}
.ss-share-frame::after{bottom:-1px;right:-1px;border-bottom-width:1px;border-right-width:1px;border-bottom-right-radius:var(--r-dialog)}
.ss-share-dialog [hidden]{display:none!important}.ss-share-dialog h1,.ss-share-dialog h2,.ss-share-dialog h3,.ss-share-dialog p{margin:0;overflow-wrap:anywhere}
.ss-share-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.ss-share-heading h1,.ss-share-heading h2{font-size:var(--fs-lead);font-weight:var(--klar-fw-title);line-height:1.4;text-transform:uppercase}
.ss-share-accent{color:var(--klar-accent)}.ss-share-emoji{display:inline-block;width:var(--sp-6);margin-right:var(--sp-3);text-align:center;font-size:var(--fs-val)}
.ss-share-dialog h3{font-size:var(--fs-row);font-weight:var(--klar-fw-row);line-height:1.5}.ss-share-dialog p{font-size:var(--fs-sub);color:var(--klar-sub);line-height:1.5}
.ss-share-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;text-align:center;line-height:1;border:0;border-radius:var(--r-chip);background:transparent;color:var(--klar-sub);font:inherit;font-size:var(--fs-title);line-height:1;cursor:pointer}.ss-share-close:hover{background:var(--klar-active)}
.ss-share-folder{display:flex;align-items:flex-start;gap:var(--sp-4);margin-top:var(--sp-5)}.ss-share-grow{flex:1;min-width:0}.ss-share-folder p,.ss-share-access p{padding-left:var(--title-indent);margin-top:var(--sp-2)}
.ss-share-state{display:inline-flex;align-items:center;flex:none;min-height:28px;box-sizing:border-box;padding:var(--sp-2) var(--sp-4);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-chip);color:var(--klar-sub);font-size:var(--fs-eb);line-height:1.4;white-space:nowrap}.ss-share-state.on{color:var(--klar-accent);border-color:var(--klar-accent-line)}
.ss-share-access{display:flex;align-items:center;gap:var(--sp-4);position:relative;margin-top:var(--sp-5);padding:var(--sp-5) 0}.ss-share-access::before,.ss-share-access::after,#ss-share-password-fold::after{content:"";position:absolute;left:var(--title-indent);right:0;border-top:var(--klar-line-width) solid var(--klar-line)}.ss-share-access::before{top:0}.ss-share-access::after,#ss-share-password-fold::after{bottom:0}.ss-share-password-row{margin-top:0}.ss-share-password-row::before,.ss-share-password-row::after{display:none}
.ss-share-toggle{display:flex;align-items:center;justify-content:center;flex:none;min-height:44px;min-width:44px;padding:0;border:0;background:transparent;cursor:pointer}.ss-share-note{font-size:var(--fs-sub);color:var(--klar-sub);font-weight:400}
.ss-share-fold{position:relative;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--motion-expand) var(--ease-standard),opacity var(--motion-expand) var(--ease-standard)}.ss-share-fold[data-open="true"]{grid-template-rows:1fr;opacity:1}.ss-share-clip{min-height:0;overflow:hidden}#ss-share-password-fold{opacity:1}#ss-share-password-fold>.ss-share-clip{opacity:0;transition:opacity var(--motion-expand) var(--ease-standard)}#ss-share-password-fold[data-open="true"]>.ss-share-clip{opacity:1}
.ss-share-password-box{padding:var(--sp-3) 0 var(--sp-5) var(--title-indent)}.ss-share-input{display:flex;align-items:center;gap:var(--sp-3);height:44px;box-sizing:border-box;min-width:0;padding:0 var(--sp-4);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-field)}.ss-share-input:focus-within{border-color:var(--klar-accent)}.ss-share-dialog .ss-share-input input{border:0;background:transparent;width:100%;min-width:0;padding:0;min-height:0;height:auto;color:var(--klar-ink);font:inherit;font-size:var(--fs-sub);outline:none;box-shadow:none;text-overflow:ellipsis}.ss-share-input button{min-height:40px;padding:0;background:transparent;border:0;color:var(--klar-sub);font:inherit;font-size:var(--fs-sub);cursor:pointer}.ss-share-input.invalid{border-color:var(--bad)}.ss-share-input:has(input:disabled){opacity:.6}
.ss-share-link{margin-top:var(--sp-5)}.ss-share-link p{margin-top:var(--sp-2);margin-left:var(--title-indent)}.ss-share-link .ss-share-input{margin-top:var(--sp-4);margin-left:var(--title-indent)}
.ss-share-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5);margin-left:var(--title-indent)}
.ss-share-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;padding:var(--sp-3) var(--sp-5);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-chip);background:transparent;color:var(--klar-ink);font:inherit;font-size:var(--fs-sub);line-height:1.2;cursor:pointer;white-space:nowrap}.ss-share-pill.primary{color:var(--klar-accent);border-color:var(--klar-accent)}.ss-share-pill.danger{color:var(--bad)}.ss-share-pill:hover{background:var(--klar-active)}.ss-share-dialog button:disabled{opacity:.45;cursor:default}.ss-share-dialog button:focus-visible{outline:2px solid var(--klar-accent);outline-offset:3px}
.ss-share-dialog .bt-info{display:flex;align-items:flex-start;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-4) var(--sp-5);border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-field);font-size:var(--fs-sub);line-height:1.55;background:var(--klar-surface-subtle)}.ss-share-dialog .bt-info.fehler{color:var(--bad);border-color:var(--bad)}.ss-share-dialog .bt-info-ic{flex:none}.ss-share-dialog .bt-info-text{flex:1;min-width:0;overflow-wrap:anywhere}.ss-share-error{margin-left:var(--title-indent);flex-wrap:wrap}.ss-share-error button{border:0;background:transparent;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
.ss-unlock{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);box-sizing:border-box;background:var(--klar-bg);color:var(--klar-ink)}.ss-unlock .ss-unlock-sub{margin-top:var(--sp-4)}.ss-unlock form{display:grid;gap:var(--sp-4);margin-top:var(--sp-6)}.ss-unlock input{box-sizing:border-box;width:100%;height:44px;padding:0 var(--sp-4);border:1px solid var(--klar-line);border-radius:var(--r-field);background:transparent;color:var(--klar-ink);font:inherit}.ss-unlock form>.ss-share-pill{justify-self:end}
@media(max-width:480px){.ss-share-dialog{padding:var(--sp-5)}.ss-share-heading h1,.ss-share-heading h2{font-size:var(--fs-val)}.ss-share-folder{flex-wrap:wrap;gap:var(--sp-3)}.ss-share-folder>.ss-share-grow{flex-basis:100%}.ss-share-state{margin-left:var(--title-indent)}.ss-share-access{gap:var(--sp-3)}.ss-share-actions{margin-left:0}.ss-share-pill{min-height:44px;padding-inline:var(--sp-4)}.ss-share-dialog .ss-share-input input{font-size:16px}.ss-share-emoji{font-size:var(--fs-body)}}
@media(prefers-reduced-motion:reduce){.ss-share-fold,#ss-share-password-fold>.ss-share-clip{transition:none}}

.ss-share-frame{position:relative;width:640px;max-width:100%;border-radius:var(--r-dialog)}.ss-share-frame>.ss-share-dialog{width:100%}