.form-field select{width:100%;border:1px solid #dce3d7;border-radius:8px;background:#fff;padding:12px;font:inherit;font-size:14px;color:#405039;min-height:44px}.form-field select:focus{outline:2px solid #aac39e;outline-offset:2px}.access-dialog{width:680px}.access-dialog h2{padding-right:28px}.access-dialog>strong{display:block;font-size:15px;overflow-wrap:anywhere}.access-dialog p{line-height:1.65}.access-dialog #group-form{display:flex;align-items:flex-end;gap:12px;margin:22px 0 14px}.access-dialog #group-form .form-field{flex:1;min-width:0;margin:0}.access-dialog #group-form .button{flex-shrink:0}.member-row,.share-person{display:flex;align-items:center;gap:16px;border:1px solid #dfe6d9;border-radius:12px;padding:16px;margin:10px 0}.person-info{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:5px}.person-info strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.person-info>span{font-size:12px;color:#687460;overflow-wrap:anywhere}.person-info .role-badge{display:inline-block;background:#edf3e9;color:#45623d;border-radius:5px;padding:3px 7px;font-size:11px;margin:3px 0}.member-row>.text-button{min-height:44px;padding:10px}.member-confirm{width:100%;display:flex;flex-wrap:wrap;gap:10px}.member-confirm>p{width:100%;margin:0 0 8px}.share-person{cursor:pointer;min-height:76px}.share-person:has(input:checked){border-color:#87a97b;background:#f6f9f3}.share-person>input{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}.access-footer{position:sticky;bottom:-26px;background:white;border-top:1px solid #e0e6dc;padding:20px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.access-footer>span{font-size:12px;color:#65755c}#share-message,#group-message{color:#42653c;font-size:13px}#group-list:empty,#share-list:empty{display:none}.card-bottom{flex-wrap:wrap;gap:10px}.card-actions{margin-left:auto}.card-actions .button{min-height:38px}.library-intro .eyebrow{text-transform:uppercase;letter-spacing:1.4px}.access-dialog button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.access-dialog{width:calc(100vw - 24px);padding:22px}.access-dialog #group-form{flex-direction:column;align-items:stretch}.access-dialog input,.access-dialog select,.form-field select{font-size:16px}.member-row,.share-person{padding:12px;gap:12px}.access-footer{bottom:-22px;flex-wrap:wrap}#group-open{padding:10px;font-size:12px}.header-right{gap:6px}.card-actions .button{min-height:44px}.access-dialog h2{font-size:23px}}