.phaseManager{padding:18px;background:#f6f5fc;border:1px solid #e7e3f3;border-radius:10px;margin:20px 0}.phaseFormRow{display:grid;grid-template-columns:36px 1fr 34px 34px 34px;gap:8px;align-items:center;padding:8px 0}.phaseFormRow input[type=color]{width:36px;height:38px;min-height:38px;padding:3px;border-radius:7px;cursor:pointer}.phaseFormRow input{font-size:11px;min-height:38px}.phaseFormRow button{padding:5px;font-size:12px;min-height:34px}.personAvatar,.leaderAvatar,.personChipAvatar,.chatPersonAvatar,.avatar{overflow:hidden;flex-shrink:0}.personAvatar img,.leaderAvatar img,.personChipAvatar img,.chatPersonAvatar img,.avatar img{width:100%;height:100%;object-fit:cover;display:block}.leaderAvatar{float:left;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#efeaf8;color:#9b8ac0;font-size:10px;font-weight:700;margin-right:10px}.editPerson{margin-top:20px;min-height:36px;font-size:10px;width:100%}.personCard .personAvatar{width:52px;height:52px}.projectPortraits{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.projectPortraits>span{display:flex;align-items:center;gap:8px}.personChipAvatar{height:29px;width:29px;border-radius:50%;background:#ece8f8;color:#9b8dc2;display:grid;place-items:center;font-size:10px}.projectPortraits small{font-size:10px;color:#8b99a9}.chatPersonAvatar{width:28px;height:28px;min-width:28px;border-radius:50%;background:#dce8d6;color:#7c9b78;display:grid;place-items:center;font-size:10px;font-weight:700;margin:5px 7px 0 0;align-self:flex-end}#personPhotoPreview{margin-top:16px}#personPhotoPreview .personAvatar{width:70px;height:70px}.phaseFormRow button:disabled{opacity:.3}.ganttCanvas{min-width:560px!important}@media(max-width:500px){.phaseFormRow{grid-template-columns:30px minmax(100px,1fr) 28px 28px 28px;gap:5px}.phaseManager{padding:12px}.phaseFormRow input[type=color]{width:30px}.phaseFormRow button{font-size:11px;padding:4px}.chatPersonAvatar{width:24px;min-width:24px;height:24px;margin-right:5px}.chatMessageRow:not(.mine) .chatBubble{max-width:calc(100% - 35px)}}
.chatSenderRole{display:block;font-size:8px;color:#9cae99;margin:-3px 0 8px}

.personAvatar{border-radius:50%}.personAvatar img,.leaderAvatar img,.personChipAvatar img,.chatPersonAvatar img,.avatar img{border-radius:inherit}.illustratedAvatar{background-image:url(./icons/team-avatars.jpg?v=3.13);background-size:300% 200%;background-repeat:no-repeat}.avatar-0{background-position:0 0}.avatar-1{background-position:50% 0}.avatar-2{background-position:100% 0}.avatar-3{background-position:0 100%}.avatar-4{background-position:50% 100%}.avatar-5{background-position:100% 100%}

.personAvatarTrigger .personAvatar{width:100%;height:100%;border-radius:50%}.personAvatarTrigger{flex-shrink:0}.personName{color:#26354b}

.avatarPicker{margin:22px 0;padding:16px;border:1px solid #e2e6ef;border-radius:14px;background:#fbfcff}.avatarPicker .smallHeading{display:flex;align-items:center;justify-content:space-between;gap:10px}.avatarPicker h3{margin:0;font-size:15px}.avatarPicker #avatarSelectionLabel{font-size:11px;color:#748197}.avatarCategories{display:flex;gap:6px;overflow-x:auto;padding:12px 0}.avatarCategory{white-space:nowrap;border:1px solid #e2e6ef;background:white;border-radius:999px;padding:8px 12px;font-size:11px;color:#667085}.avatarCategory.active{background:#7362d4;color:#fff;border-color:#7362d4}.avatarOptions{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:9px;max-height:250px;overflow:auto;padding:4px}.avatarChoice{padding:3px;background:white;border:2px solid transparent;border-radius:50%;aspect-ratio:1}.avatarChoice .illustratedAvatar{width:100%;height:100%;display:block;border-radius:50%;background-color:var(--avatar-background,#b9d4e8);background-image:url(./icons/avatar-catalog-transparent.png?v=3.24);background-size:1000% 500%;background-repeat:no-repeat}.avatarChoice.selected{border-color:#7362d4;box-shadow:0 0 0 3px #7362d433}.illustratedAvatar{background-color:var(--avatar-background,#b9d4e8);background-image:url(./icons/avatar-catalog-transparent.png?v=3.24);background-size:1000% 500%;background-repeat:no-repeat}
.avatar-0{background-position:0% 0%}
.avatar-1{background-position:11.11111111111111% 0%}
.avatar-2{background-position:22.22222222222222% 0%}
.avatar-3{background-position:33.333333333333336% 0%}
.avatar-4{background-position:44.44444444444444% 0%}
.avatar-5{background-position:55.55555555555556% 0%}
.avatar-6{background-position:66.66666666666667% 0%}
.avatar-7{background-position:77.77777777777777% 0%}
.avatar-8{background-position:88.88888888888889% 0%}
.avatar-9{background-position:100% 0%}
.avatar-10{background-position:0% 25%}
.avatar-11{background-position:11.11111111111111% 25%}
.avatar-12{background-position:22.22222222222222% 25%}
.avatar-13{background-position:33.333333333333336% 25%}
.avatar-14{background-position:44.44444444444444% 25%}
.avatar-15{background-position:55.55555555555556% 25%}
.avatar-16{background-position:66.66666666666667% 25%}
.avatar-17{background-position:77.77777777777777% 25%}
.avatar-18{background-position:88.88888888888889% 25%}
.avatar-19{background-position:100% 25%}
.avatar-20{background-position:0% 50%}
.avatar-21{background-position:11.11111111111111% 50%}
.avatar-22{background-position:22.22222222222222% 50%}
.avatar-23{background-position:33.333333333333336% 50%}
.avatar-24{background-position:44.44444444444444% 50%}
.avatar-25{background-position:55.55555555555556% 50%}
.avatar-26{background-position:66.66666666666667% 50%}
.avatar-27{background-position:77.77777777777777% 50%}
.avatar-28{background-position:88.88888888888889% 50%}
.avatar-29{background-position:100% 50%}
.avatar-30{background-position:0% 75%}
.avatar-31{background-position:11.11111111111111% 75%}
.avatar-32{background-position:22.22222222222222% 75%}
.avatar-33{background-position:33.333333333333336% 75%}
.avatar-34{background-position:44.44444444444444% 75%}
.avatar-35{background-position:55.55555555555556% 75%}
.avatar-36{background-position:66.66666666666667% 75%}
.avatar-37{background-position:77.77777777777777% 75%}
.avatar-38{background-position:88.88888888888889% 75%}
.avatar-39{background-position:100% 75%}
.avatar-40{background-position:0% 100%}
.avatar-41{background-position:11.11111111111111% 100%}
.avatar-42{background-position:22.22222222222222% 100%}
.avatar-43{background-position:33.333333333333336% 100%}
.avatar-44{background-position:44.44444444444444% 100%}
.avatar-45{background-position:55.55555555555556% 100%}
.avatar-46{background-position:66.66666666666667% 100%}
.avatar-47{background-position:77.77777777777777% 100%}
.avatar-48{background-position:88.88888888888889% 100%}
.avatar-49{background-position:100% 100%}
.illustratedAvatar.avatar-50,.avatarChoice .avatar-50{background-image:url(./icons/avatar-bald-glasses-transparent.png?v=3.24)!important;background-size:cover!important;background-position:center!important}.illustratedAvatar.avatar-51,.avatarChoice .avatar-51{background-image:url(./icons/avatar-bald-beard-transparent.png?v=3.24)!important;background-size:cover!important;background-position:center!important}.illustratedAvatar.avatar-52,.avatarChoice .avatar-52{background-image:url(./icons/avatar-bald-glasses-beard-transparent.png?v=3.24)!important;background-size:cover!important;background-position:center!important}
.personAvatar,.leaderAvatar,.personChipAvatar,.chatPersonAvatar,.avatar{box-shadow:0 0 0 3px var(--avatar-background,#d9e4ec)}
.avatarColorField{margin:14px 0 4px;display:grid;grid-template-columns:auto 62px;align-items:center;gap:8px 12px}.avatarColorField label{margin:0}.avatarColorField input[type=color]{width:62px;height:38px;min-height:38px;padding:3px;border-radius:8px;cursor:pointer}.avatarColorField small{grid-column:1/-1;margin-top:0}
.projectTable td{padding:12px 18px!important}.projectTable tbody tr{height:64px}.projectTable .projectName{font-size:14px}.projectPeople{display:flex;align-items:center;min-width:120px}.projectPeople .leaderAvatar{width:32px;height:32px;float:none;margin:0 0 0 -7px;border:2px solid #fff}.projectPeople .leaderAvatar:first-child{margin-left:0}