.access-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:16px 0;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:16px;color:var(--ink);font-size:13px;line-height:1.7}
.access-summary>div{display:flex;flex-wrap:wrap;gap:8px 20px;min-width:0}.access-summary span{display:flex;align-items:center;gap:7px}.access-summary .icon{width:17px;height:17px;color:var(--violet)}.access-summary small{flex-basis:100%;font-size:11px;color:var(--muted)}.access-summary>.btn{flex-shrink:0;min-height:44px;padding:8px;font-size:12px;color:var(--violet);background:transparent}
.access-editor{font-size:13px;line-height:1.85;max-width:640px;margin-inline:auto}.access-editor>p{margin:12px 0}.access-editor fieldset{min-width:0;border:1px solid var(--line);border-radius:16px;padding:12px;margin:18px 0}.access-editor legend{font-size:14px;font-weight:600;padding:0 8px}.access-editor .access-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;cursor:pointer;min-height:60px}.access-choice:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line)}.access-choice input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--violet)}.access-choice span{display:grid;gap:3px}.access-choice b{font-size:13px}.access-choice small{font-size:11px;line-height:1.7}.access-editor details{margin-top:12px;padding:8px;border-top:1px solid var(--line)}.access-editor summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--violet)}
.access-view-people,.access-join-people{display:none}.access-editor fieldset:has(input[name=access-view][value=people]:checked) .access-view-people,.access-editor fieldset:has(input[name=access-join][value=people]:checked) .access-join-people{display:block}
.access-people{max-height:230px;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.access-people label{display:flex;align-items:center;gap:10px;padding:9px 6px;min-height:48px;cursor:pointer;border-radius:10px}.access-people label:has(input:checked){background:var(--accent-soft)}.access-people input{width:18px;height:18px;flex-shrink:0}.access-people span{display:grid;min-width:0}.access-people bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.access-people small{font-size:10px}.access-notice{padding:12px;background:var(--surface-2);border-radius:12px;color:var(--muted)}
.access-editor .form-footer{position:sticky;bottom:0;z-index:2;gap:10px;flex-wrap:wrap;background:var(--surface);padding:14px 0 max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:20px}.access-editor .form-footer .btn{font-size:12px;min-height:44px}.access-editor .field{display:grid;gap:6px;font-size:12px}.access-editor select{background:var(--theme-input);color:var(--ink);border:1px solid var(--line);width:100%;min-height:44px;padding:10px;border-radius:12px;font-size:14px}.work-invitations{margin-bottom:24px}.work-invitations>h3{font-size:15px;margin-bottom:12px}.access-invitation h4{font-size:16px;margin:6px 0}.access-invitation .btn{min-height:44px;font-size:12px}.access-pick{color:var(--violet);font-size:11px;display:inline-flex;gap:6px;align-items:center}.access-pick .icon{width:15px;height:15px}
@media(max-width:600px){.access-summary{align-items:stretch;flex-direction:column;padding:12px;gap:4px;font-size:12px}.access-summary>div{gap:6px 14px}.access-summary>.btn{align-self:flex-start}.access-editor fieldset{padding:8px}.access-editor .access-choice{padding:10px}.access-editor .access-people{grid-template-columns:1fr 1fr}.access-editor .form-footer .btn{flex:1}.access-invitation{padding:14px}}