/* AYA-Connect — vybor ikonki domena (AYA Family) */
.aya-iconpick-ov{
  position:fixed; inset:0; z-index:100002;
  background:rgba(8,20,24,.55);
  display:flex; align-items:flex-end; justify-content:center;
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.aya-iconpick-sheet{
  width:100%; max-width:680px; max-height:88vh;
  display:flex; flex-direction:column;
  background:var(--aya-grey-bg,#f5f6f8); color:var(--text,#11161b);
  border-radius:20px 20px 0 0;
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -8px 30px rgba(0,0,0,.25);
  animation:ayaIconpickIn .26s cubic-bezier(.22,1,.36,1);
}
@keyframes ayaIconpickIn{ from{ transform:translateY(100%);} to{ transform:translateY(0);} }
body.dark-theme .aya-iconpick-sheet{ background:#161d23; color:#e8edee; }

.aya-iconpick-head{
  display:flex; align-items:center; gap:10px;
  padding:14px 16px 10px; flex-shrink:0;
  padding-top:calc(14px + env(safe-area-inset-top, 0px));
}
.aya-iconpick-title{ flex:1; min-width:0; text-align:center; font-size:17px; font-weight:650; }
.aya-iconpick-back{
  width:38px; height:38px; border:none; background:transparent; cursor:pointer;
  color:var(--text,#11161b); display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
}
body.dark-theme .aya-iconpick-back{ color:#e8edee; }
.aya-iconpick-skip{
  border:none; background:transparent; cursor:pointer;
  color:var(--aya-orange2,#cc6d33); font-size:15px; font-weight:600; white-space:nowrap;
}

.aya-iconpick-grid{
  flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  padding:8px 16px 20px;
}
@media(min-width:520px){ .aya-iconpick-grid{ grid-template-columns:repeat(5,1fr);} }

.aya-iconpick-cell{
  border:none; background:transparent; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; gap:6px;
  padding:6px 2px; border-radius:14px;
  -webkit-tap-highlight-color:transparent;
}
.aya-iconpick-cell:active{ background:rgba(0,95,109,.08); }
.aya-iconpick-img{
  width:100%; aspect-ratio:1/1; border-radius:18px; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
  background:#fff; box-shadow:0 1px 4px rgba(0,40,48,.12);
}
body.dark-theme .aya-iconpick-img{ background:#0f161b; box-shadow:0 1px 4px rgba(0,0,0,.4); }
.aya-iconpick-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.aya-iconpick-cap{
  font-size:12px; font-weight:500; line-height:1.15; text-align:center;
  color:var(--text-secondary,#5b6b73);
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* Vybor istochnika avatara zametok: ikonka ili foto */
.aya-avsrc-ov{
  position:fixed; inset:0; z-index:100003;
  background:rgba(8,20,24,.5);
  display:flex; align-items:flex-end; justify-content:center;
}
.aya-avsrc-sheet{
  width:100%; max-width:480px;
  background:var(--aya-grey-bg,#f5f6f8); color:var(--text,#11161b);
  border-radius:20px 20px 0 0; padding:14px 16px;
  padding-bottom:calc(14px + env(safe-area-inset-bottom));
  box-shadow:0 -8px 30px rgba(0,0,0,.25);
  animation:ayaIconpickIn .24s cubic-bezier(.22,1,.36,1);
}
body.dark-theme .aya-avsrc-sheet{ background:#161d23; color:#e8edee; }
.aya-avsrc-title{ text-align:center; font-size:15px; font-weight:600; color:var(--text-secondary,#5b6b73); padding:4px 0 12px; }
.aya-avsrc-btn{
  width:100%; display:flex; align-items:center; gap:12px;
  padding:14px 16px; margin-bottom:8px; border:none; border-radius:14px;
  background:var(--panel,#fff); color:var(--text,#11161b);
  font-size:16px; font-weight:500; cursor:pointer; text-align:left;
}
body.dark-theme .aya-avsrc-btn{ background:#212a31; color:#e8edee; }
.aya-avsrc-btn:active{ opacity:.7; }
.aya-avsrc-cancel{ justify-content:center; color:var(--aya-orange2,#cc6d33); font-weight:600; margin-bottom:0; }