/* Icon-Kollektion (nur diese Seite) */
.ik-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:10px; margin-top:18px; }
.ik-grid[hidden]{ display:none; }
.ik-icon{
  display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px 8px 12px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:12px;
  color:var(--mist); cursor:pointer; transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.ik-icon:hover, .ik-icon:focus-visible{ border-color:var(--red-light); background:rgba(102,153,0,.12); transform:translateY(-2px); }
.ik-icon.is-copied{ background:var(--red); border-color:var(--red); color:var(--white); }
.ik-icon[hidden]{ display:none; }
.ik-glyph{ font-size:2rem; line-height:1; }
.ik-label{ font-size:.75rem; line-height:1.3; text-align:center; }
.ik-bar{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:26px 0 6px; }
.ik-bar input{
  flex:1 1 260px; border:1px solid rgba(255,255,255,.25); border-radius:999px;
  background:rgba(255,255,255,.05); color:var(--white); padding:.7rem 1.2rem; font-family:var(--font-body);
}
.ik-bar input:focus{ outline:none; border-color:var(--glow); box-shadow:0 0 0 3px rgba(153,204,0,.18); }
.ik-bar .tu-copy[aria-pressed="true"]{ background:var(--red); border-color:var(--red); color:var(--white); }
.ik-status{ min-height:1.4em; color:var(--text-mid); font-size:.9rem; }
/* Rückmeldung direkt am angeklickten Icon */
.ik-icon{ position:relative; }
.ik-icon.is-copied::after{
  content:"✓ Kopiert"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  border-radius:12px; background:var(--red); color:var(--white);
  font-family:var(--font-display); font-weight:700; font-size:.95rem;
}
.ik-hint{ color:var(--mist); font-size:.92rem; }