/* Yappy Group Member Colors v60 */
.gmc60-group-colors .settings-item{
  gap:10px;
}
.gmc60-group-colors .settings-item>.avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:13px!important;
}
.gmc60-dot{
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.7);
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
}
:root[data-theme="dark"] .gmc60-dot{
  border-color:rgba(255,255,255,.25);
}
.gmc60-group-colors .edit-pencil{
  width:30px;
  height:30px;
  min-width:30px;
}
.gmc60-group-colors .edit-pencil svg{
  width:15px;
  height:15px;
}

.gmc60-preview{
  min-height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 2px 12px;
}
.gmc60-preview>.avatar{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  font-size:18px!important;
}
.gmc60-preview>div{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.gmc60-preview strong{
  font-size:16px;
  color:var(--text-main);
}
.gmc60-preview small{
  margin-top:3px;
  font-size:12px;
  color:var(--text-sub);
}

.gmc60-palette{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin:7px 0 12px;
}
.gmc60-swatch{
  position:relative;
  aspect-ratio:1;
  min-width:0;
  border:2px solid transparent;
  border-radius:50%;
}
.gmc60-swatch.selected{
  border-color:var(--text-main);
  box-shadow:0 0 0 2px var(--card-bg) inset;
}
.gmc60-swatch.selected::after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}
.gmc60-custom,
.ac-color-custom{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px;
  color:var(--text-main);
  font-size:14px;
}
.gmc60-custom input[type="color"],
.ac-color-custom input[type="color"]{
  width:52px;
  height:34px;
  padding:2px;
  border:1px solid var(--divider);
  border-radius:9px;
  background:var(--field-bg);
}
.gmc60-note,
.ac-color-note{
  padding:7px 2px 2px!important;
  line-height:1.35;
}

/* Add/edit character palette */
#ac-colors.color-swatch-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}
#ac-colors .color-swatch{
  border-radius:50%;
}

/* New group color shortcuts */
.gmc60-new-group-colors{
  padding-bottom:18px;
}
.gmc60-inline-members{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0 16px;
}
.gmc60-inline-member{
  min-height:52px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  gap:10px;
  align-items:center;
  padding:7px 11px;
  border:0;
  border-radius:12px;
  background:var(--card-bg);
  color:var(--text-main);
  text-align:left;
  font:inherit;
}
.gmc60-inline-avatar>.avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  font-size:12px!important;
}
.gmc60-inline-member>span:nth-child(2){
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gmc60-inline-member>i{
  width:20px;
  height:20px;
  border-radius:50%;
  display:block;
  box-shadow:0 0 0 1px rgba(0,0,0,.12);
}
.gmc60-inline-note{
  padding-top:7px!important;
  padding-bottom:0!important;
}