.permission-list{display:grid;gap:14px}.permission-person{display:grid;gap:16px;padding:20px}.permission-person.owner{grid-template-columns:1fr auto;align-items:center}.permission-person.owner>p{margin:0;color:var(--muted);font-size:11px}.permission-person-head{display:flex;min-width:0;align-items:center;gap:11px}.permission-person-head>.avatar{flex:0 0 auto}.permission-person-head>span:nth-child(2){display:grid;min-width:0;gap:3px;flex:1}.permission-person-head b,.permission-person-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-person-head small{color:var(--muted-2);font-size:9px}.permission-form{display:grid;gap:14px}.manager-toggle{display:flex;align-items:center;gap:11px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-input);padding:12px 14px;cursor:pointer}.manager-toggle input{width:17px;height:17px;flex:0 0 auto}.manager-toggle span{display:grid;gap:3px}.manager-toggle b{font-size:11px}.manager-toggle small{color:var(--muted-2);font-size:9px}.permission-form.manager-enabled .permission-grid{opacity:.48}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;transition:opacity .18s ease}.permission-group{display:grid;align-content:start;gap:4px;min-width:0;margin:0;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--surface-card-start) 72%,transparent);padding:10px}.permission-group legend{padding:0 5px;color:var(--amber-2);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.permission-option{display:flex;min-width:0;align-items:center;gap:9px;border-radius:8px;padding:8px;cursor:pointer;transition:background .16s ease}.permission-option:hover{background:var(--surface-nav-hover)}.permission-option input{width:15px;height:15px;flex:0 0 auto}.permission-option span{display:grid;min-width:0;gap:2px}.permission-option b{font-size:10px}.permission-option small{overflow:hidden;color:var(--muted-2);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.permission-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line-soft);padding-top:14px}.service-state{position:relative;overflow:visible}.service-state i{position:relative;z-index:1;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px color-mix(in srgb,var(--green) 60%,transparent)}.service-state i:before,.service-state i:after{position:absolute;inset:-1px;border:1px solid color-mix(in srgb,var(--green) 78%,transparent);border-radius:50%;content:"";animation:online-wave 2.4s ease-out infinite}.service-state i:after{animation-delay:1.2s}.service-state span{margin-left:8px}.service-state b{display:none}@keyframes online-wave{0%{opacity:.8;transform:scale(1)}75%,to{opacity:0;transform:scale(3.4)}}@media(max-width:920px){.permission-grid,.permission-person.owner{grid-template-columns:1fr}.permission-actions{justify-content:stretch}.permission-actions .button{flex:1}}@media(prefers-reduced-motion:reduce){.service-state i:before,.service-state i:after{animation:none}}