#friendsDialog{padding:20px;color:var(--ink,#20382e)}
#friendsDialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:21px}
#friendsDialog>header button{border:0;background:transparent;font-size:24px;cursor:pointer}
#friendSearchForm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
#friendSearchForm label{margin:0}#friendSearchForm button,#friendRefresh{padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--green);cursor:pointer}
#friendsDialog h3{font-size:16px;margin:22px 0 10px}#friendsDialog p{font-size:13px;line-height:1.6;color:var(--muted)}
#friendsDialog .share-member{padding:14px 0}#friendsDialog .share-member strong{font-size:14px}#friendsDialog .share-member small{font-size:12px}
#friendsDialog .share-member button{font-size:13px;color:var(--green);border-color:var(--line)}
#friendError{color:#a04432!important;min-height:20px}#shareDialog details{margin:12px 17px}#shareDialog summary{cursor:pointer;color:var(--green);font-size:14px}
#shareDialog details .share-add-row{grid-template-columns:minmax(0,1fr) auto;padding:12px 0}
#shareSearchStatus{font-size:13px;line-height:1.5}#shareDialog .outline-empty{padding:0 17px;font-size:13px;line-height:1.6}
#shareDialog{max-height:90dvh;overflow:auto}#shareRecipient{min-width:0;max-width:none;width:100%}
#shareSearchButton{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);cursor:pointer}
@media(max-width:680px){.workspace-controls>#shareButton:not(.hidden){display:inline-flex!important;align-items:center;padding:4px 6px;font-size:12px}}
@media(max-width:560px){#friendsDialog{padding:16px}#friendSearchForm{grid-template-columns:1fr}#friendsDialog .share-member{grid-template-columns:1fr auto}#friendSearchResults .share-member{grid-template-columns:minmax(0,1fr) auto}}