/* This is presentation only. Every data RPC also checks server approval and membership. */
body:not([data-access-state="approved"]) main > :not(#family-view):not(.footer){display:none!important}
body:not([data-access-state="approved"]) #family-view{display:block!important}
body:not([data-access-state="approved"]) #family-view>.settings-grid,
body:not([data-access-state="approved"]) .nav:not([data-tab="family"]),
body:not([data-access-state="approved"]) #profile{display:none!important}
body:not([data-access-state="approved"]) .connection-card{max-width:760px;margin:24px auto}
.access-admin{margin-top:28px;padding-top:22px;border-top:1px solid #d8e1d8}
.access-admin>label{display:block;margin:12px 0}
.access-admin select{display:block;max-width:100%;margin-top:6px;padding:10px;border:1px solid #d8e1d8;border-radius:8px;background:white}
.access-request-row{border:1px solid #d8e1d8;border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere}
.access-request-row p{margin:8px 0}