/* Lemniscate — ICONS: EINZIGE Stelle fuer das Aussehen aller Icons (Kacheln, Symbol-Farben, Groessen,
 * hell/dunkel, App-Huelle). Wird NACH style.css geladen. Icon-Regeln gehoeren NUR hierher.
 * Symbol-Formen + Emoji-Zuordnung: web/icons/icons.js. */

/* ===== aus style.css umgezogen ===== */
.li-prev .li-ic .ic3d{ width:14px; height:14px; }
.ditem .ic{ font-size:17px; width:22px; text-align:center; }
.msgmenu .ai .ic{ width:20px; text-align:center; }
.popmenu .ai .ic{ width:20px; text-align:center; }
.act-row .act-tile{ width:34px; height:34px; min-width:34px; border-radius:11px; }
.act-row .act-tile .ic3d{ width:19px; height:19px; }
.act-row .cc-name .ic.tile{ width:20px; height:20px; min-width:20px; border-radius:7px; vertical-align:middle; margin-right:2px; }
.act-row .cc-name .ic.tile .ic3d{ width:12px; height:12px; }
.webrem-row .ic.tile{ width:34px; height:34px; min-width:34px; border-radius:11px; }
.webrem-row .ic.tile .ic3d{ width:19px; height:19px; }
#schedbar .ic{ font-size:18px; }
.ic3d{ width:21px; height:21px; display:inline-block; vertical-align:middle; color:#BBA7FF; filter:drop-shadow(0 1px 1.5px rgba(138,43,255,.55)); transition:color .15s; }   /* 🌐 Welle 3: Website-Violett */
.iconbtn:hover .ic3d{ color:#ede9fe; }
.iconbtn.primary .ic3d, .btn .ic3d{ color:#fff; filter:drop-shadow(0 1px 1px rgba(0,0,0,.35)); }
html.light .ic3d{ color:#6D3BFF; }
html.light .iconbtn.primary .ic3d, html.light .btn .ic3d{ color:#fff; }
.ic.tile{ width:30px; height:30px; min-width:30px; border-radius:9px; background:linear-gradient(150deg,#8A2BFF,#2D7BFF); display:inline-flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(45,123,255,.45), inset 0 1px 0 rgba(255,255,255,.28); font-size:0; flex:0 0 auto; }
.ic.tile .ic3d{ width:17px; height:17px; color:#fff; filter:none; }
.ic.tile.tdanger{ background:linear-gradient(150deg,#fb7185,#e11d48); box-shadow:0 2px 6px rgba(225,29,72,.45), inset 0 1px 0 rgba(255,255,255,.28); }
.ic.tile.tsuccess{ background:linear-gradient(150deg,#34d399,#10b981); box-shadow:0 2px 6px rgba(16,185,129,.45), inset 0 1px 0 rgba(255,255,255,.28); }
.ditem .ic.tile, .ai .ic.tile{ width:30px; height:30px; }
.lmodal-t .ic.tile{ vertical-align:middle; margin-right:2px; }
.lmodal-b button .ic.tile{ width:21px; height:21px; min-width:21px; border-radius:7px; vertical-align:middle; margin-right:4px; }
.lmodal-b button .ic.tile .ic3d{ width:13px; height:13px; }
.ava .ic3d{ width:26px; height:26px; color:#fff; }
.ava.sm .ic3d{ width:19px; height:19px; }
.ava.big .ic3d{ width:48px; height:48px; }
.story-ring .ava .ic3d{ width:27px; height:27px; }
.bot-mini .ic3d{ width:15px; height:15px; }
.iconbtn .ic3d{ width:20px; height:20px; }
.call-btn .ic3d{ width:22px; height:22px; }
.sm-tool .ic3d, .ava-cam .ic3d{ width:17px; height:17px; vertical-align:middle; }
.sh .ic.tile{ width:24px; height:24px; min-width:24px; border-radius:8px; vertical-align:middle; margin-right:4px; }
.sh .ic.tile .ic3d{ width:14px; height:14px; }
.callbar .ic{ width:18px; height:18px; flex:0 0 auto; }
.call-min .ic3d { width:24px; height:24px; }
.call-btn.akt .ic3d{ filter:drop-shadow(0 0 5px rgba(16,185,129,.95)); }
.wact .ic3d{ width:22px; height:22px; color:var(--neon-1); }
.wact2 .ic3d{ width:15px; height:15px; opacity:.8; }
.w-hide .ic3d{ width:14px; height:14px; }
.evm-launch .ic3d{ width:26px; height:26px; color:var(--neon-1); flex:none; }
.evm-opt .ic3d{ width:24px; height:24px; color:var(--neon-1); margin-bottom:4px; }
.txic .ic3d{ width:20px; height:20px; }
.txic.in .ic3d{ color:#34d399; }
.txic.out .ic3d{ color:#f87171; }
.callic .ic3d{ width:21px; height:21px; }
.callic.in .ic3d{ color:#34d399; }
.callic.out .ic3d{ color:#a78bfa; }
.callwho .ic3d{ width:14px; height:14px; opacity:.7; }
.vplay .ic3d{ width:22px; height:22px; }
.filecard .fbtn .ic3d{ width:15px; height:15px; }
.comm-ic .ic3d{ width:22px; height:22px; vertical-align:middle; }
.ic.tile.tgold{ background:linear-gradient(150deg,#fbbf24,#f59e0b); box-shadow:0 2px 6px rgba(245,158,11,.45), inset 0 1px 0 rgba(255,255,255,.3); }
.ic.tile.tinfo{ background:linear-gradient(150deg,#22d3ee,#0ea5e9); box-shadow:0 2px 6px rgba(14,165,233,.45), inset 0 1px 0 rgba(255,255,255,.3); }
.prof-banner-edit .ic3d{ width:13px; height:13px; }
.prof-banner-add .ic3d{ width:20px; height:20px; flex:none; }
.prof-bio-tap .ic3d{ width:16px; height:16px; flex:none; opacity:.85; }
.pm-tier .pm-ic .ic3d{ width:17px; height:17px; }
.pm-exp .ic3d{ width:15px; height:15px; opacity:.85; }
.pm-sub .ic3d{ width:15px; height:15px; vertical-align:-2px; margin-right:5px; }
.pm-up .ic3d{ width:14px; height:14px; }
.pw-copy .ic3d{ width:14px; height:14px; }
.pact .pact-i .ic3d{ width:18px; height:18px; }
.ptools .pt-i .ic3d{ width:17px; height:17px; }
.pweye .ic3d{width:19px;height:19px}
html.packaged .ic.tile{ background:#7561f8; box-shadow:none; }
html.packaged .ic.tile.tdanger{ background:#f04a6a; box-shadow:none; }
html.packaged .ic.tile.tsuccess{ background:#22c78d; box-shadow:none; }
html.packaged .ic.tile.tgold{ background:#fbbf24; box-shadow:none; }
html.packaged .ic.tile.tinfo{ background:#22d3ee; box-shadow:none; }
.dbox .ic3d{ width:20px; height:20px; flex:none; }
.webti .ic.tile{ background:transparent !important; padding:0 !important; box-shadow:none !important; }
.webti .ic.tile .ic3d{ width:15px; height:15px; }
.imged .iedt .ic3d{ width:20px; height:20px; display:block; }
.imged .iedbtn.send .ic3d{ width:15px; height:15px; vertical-align:-2px; }
.imged-crop button .ic3d{ width:15px; height:15px; vertical-align:-2px; }
html[data-gross] .ic { flex-shrink:0; }
html[data-gross] .ditem > span:not(.ic):not(.sw){ min-width:0; overflow-wrap:anywhere; }
.cdact-ic .ic3d{width:20px;height:20px}
.cdact.cdact-go .ic3d{ color:#34d399; }
#lmnsTour .lt-ic .ic3d{ width:24px; height:24px; }
#lmnsTour .lt-cic .ic3d{ width:21px; height:21px; }
.linkprev.webinvite .ic.tile{ flex:none; }

/* ── 7. Feste Symbol-Groessen fuer Knopf-Symbole im HTML (statt style="width:…") ── */
svg.ic3d.s15{ width:15px; height:15px; }
svg.ic3d.s16{ width:16px; height:16px; vertical-align:-3px; }
svg.ic3d.s17{ width:17px; height:17px; vertical-align:-3px; }
svg.ic3d.s18{ width:18px; height:18px; }
svg.ic3d.s24{ width:24px; height:24px; }

/* 🧊 13.10.2026 (Simon: "Icons viel zu klein, Rahmen braucht man nicht"): 3D-BILD-Icons
   (.i3dpx, aus icons/3d/*.webp) fuellen die KOMPLETTE Kachel, das Kachel-Chrome (Verlauf/
   Schatten) faellt NUR bei ihnen weg. Flache Bedien-Glyphen behalten die Kachel. :has() gibt
   es ab Chrome 105/Safari 15.4 — aeltere Geraete zeigen einfach weiter die kleine Kachel. */
.ic.tile:has(.i3dpx), .act-row .act-tile:has(.i3dpx){ background:none !important; box-shadow:none !important; border:0 !important; }
.ic.tile .ic3d.i3dpx, .act-row .act-tile .ic3d.i3dpx{ width:100% !important; height:100% !important; color:inherit; }


/* ✏️ 13.10.2026 (Simon „die 2 Button passen noch nicht“): Mikro- und Senden-Knopf trugen das
   3D-Icon IN der lila Knopf-Kachel (doppeltes Chrome). Mit Bild-Icon wird der Knopf randlos und
   das Motiv fuellt ihn — wie Smiley/Plus links. Klassik-Modus (Striche) behaelt die Kachel. */
.btn.icon:has(.ic3d.i3dpx){ background:none !important; border:0 !important; box-shadow:none !important; }
.btn.icon .ic3d.i3dpx{ width:34px !important; height:34px !important; }