.cloud-locked>aside,.cloud-locked>main{display:none!important}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2ed}.auth-panel[hidden]{display:none}.auth-panel .card{max-width:480px;width:100%;padding:36px}.auth-panel h1{margin:0 0 12px}.auth-panel label{display:grid;gap:8px;margin:24px 0 16px}.auth-panel input{width:100%;box-sizing:border-box}.actions{flex-wrap:wrap}#saved{max-width:240px}button:disabled{opacity:.55;cursor:wait}
#cloud-role{font-size:12px;padding:6px 10px;background:#e5ecdf;border-radius:8px}#share-dialog{max-width:640px;width:calc(100% - 48px);border:1px solid #dce2d9;border-radius:16px;padding:28px;color:#20252b}#share-dialog::backdrop{background:#13221c88}#share-form{display:grid;gap:14px}#share-form label{display:grid;gap:6px}.share-person{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.share-person span{flex:1;overflow-wrap:anywhere}#share-status{white-space:pre-wrap}button:disabled{cursor:not-allowed}@media(max-width:600px){.share-person{flex-wrap:wrap}.share-person span{flex-basis:100%}}
/* Keep member controls from consuming the email column. */
#share-dialog{box-sizing:border-box;max-height:calc(100dvh - 32px);overflow-y:auto}
#share-dialog .share-person{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:12px}
#share-dialog .share-person span{min-width:0;overflow-wrap:anywhere;line-height:1.5}
#share-dialog .share-person select{width:100%;min-width:0;box-sizing:border-box}
#share-dialog .share-person button{width:auto;white-space:nowrap}
@media(max-width:600px){#share-dialog .share-person{grid-template-columns:minmax(0,1fr) auto}#share-dialog .share-person span{grid-column:1/-1}#share-dialog .share-person select{max-width:180px}}