/* NexusNova tool icons — ICON-ONLY layer.
   Important: this file must never style page backgrounds, cards, buttons, headers or layout.
   The global visual theme is controlled by polish.css. */

.nn-tool-symbol{
  position:relative;
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border-radius:16px;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(139,92,246,.34),rgba(34,211,238,.14))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.24)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.nn-tool-symbol::after{content:none!important}
.nn-tool-symbol svg{
  width:27px;
  height:27px;
  position:relative;
  z-index:1;
  stroke:currentColor;
  stroke-width:1.9;
  fill:none;
}

.nn-tool-symbol[data-kind="image"]{color:#e9d5ff!important;background:linear-gradient(145deg,#8b5cf6,#6d28d9 58%,#4338ca)!important}
.nn-tool-symbol[data-kind="compress"]{color:#f5f3ff!important;background:linear-gradient(145deg,#a78bfa,#6d28d9 58%,#4c1d95)!important}
.nn-tool-symbol[data-kind="pdf"]{color:#ffe4e6!important;background:linear-gradient(145deg,#fb7185,#e11d48 58%,#be123c)!important}
.nn-tool-symbol[data-kind="qr"]{color:#ccfbf1!important;background:linear-gradient(145deg,#2dd4bf,#0f9f8f 58%,#0f766e)!important}
.nn-tool-symbol[data-kind="scan"]{color:#cffafe!important;background:linear-gradient(145deg,#22d3ee,#0891b2 58%,#2563eb)!important}
.nn-tool-symbol[data-kind="calc"]{color:#dbeafe!important;background:linear-gradient(145deg,#60a5fa,#2563eb 58%,#4f46e5)!important}
.nn-tool-symbol[data-kind="clock"]{color:#dbeafe!important;background:linear-gradient(145deg,#38bdf8,#2563eb 58%,#4338ca)!important}
.nn-tool-symbol[data-kind="text"]{color:#fae8ff!important;background:linear-gradient(145deg,#d946ef,#a855f7 55%,#7c3aed)!important}
.nn-tool-symbol[data-kind="lock"]{color:#d1fae5!important;background:linear-gradient(145deg,#34d399,#059669 58%,#047857)!important}
.nn-tool-symbol[data-kind="privacy"]{color:#ede9fe!important;background:linear-gradient(145deg,#a78bfa,#7c3aed 55%,#4f46e5)!important}
.nn-tool-symbol[data-kind="chat"]{color:#d1fae5!important;background:linear-gradient(145deg,#4ade80,#16a34a 58%,#0f766e)!important}
.nn-tool-symbol[data-kind="globe"]{color:#cffafe!important;background:linear-gradient(145deg,#22d3ee,#0284c7 58%,#2563eb)!important}
.nn-tool-symbol[data-kind="gpu"]{color:#ede9fe!important;background:linear-gradient(145deg,#c084fc,#7c3aed 55%,#4338ca)!important}
.nn-tool-symbol[data-kind="seo"]{color:#d1fae5!important;background:linear-gradient(145deg,#34d399,#0d9488 55%,#0284c7)!important}
.nn-tool-symbol[data-kind="paper"]{color:#e0e7ff!important;background:linear-gradient(145deg,#818cf8,#4f46e5 58%,#7c3aed)!important}
.nn-tool-symbol[data-kind="money"]{color:#fff7ed!important;background:linear-gradient(145deg,#fbbf24,#f59e0b 54%,#f97316)!important}
.nn-tool-symbol[data-kind="calendar"]{color:#e0e7ff!important;background:linear-gradient(145deg,#818cf8,#4f46e5 55%,#7c3aed)!important}
.nn-tool-symbol[data-kind="convert"]{color:#cffafe!important;background:linear-gradient(145deg,#22d3ee,#0ea5e9 52%,#2563eb)!important}
.nn-tool-symbol[data-kind="database"]{color:#e2e8f0!important;background:linear-gradient(145deg,#64748b,#475569 55%,#334155)!important}
.nn-tool-symbol[data-kind="dice"]{color:#fce7f3!important;background:linear-gradient(145deg,#fb7185,#db2777 55%,#9333ea)!important}
.nn-tool-symbol[data-kind="resume"]{color:#dbeafe!important;background:linear-gradient(145deg,#60a5fa,#2563eb 52%,#14b8a6)!important}
.nn-tool-symbol[data-kind="ai"]{color:#fae8ff!important;background:linear-gradient(145deg,#f472b6,#8b5cf6 48%,#2563eb)!important}
.nn-tool-symbol[data-kind="code"],.nn-tool-symbol[data-kind="dev"]{color:#cffafe!important;background:linear-gradient(145deg,#38bdf8,#2563eb 48%,#7c3aed)!important}
.nn-tool-symbol[data-kind="whatsapp"]{color:#fff!important;background:#25d366!important;border-color:#1fba59!important}.nn-tool-symbol[data-kind="color"]{color:#fff!important;background:linear-gradient(145deg,#fb7185,#f59e0b 35%,#14b8a6 68%,#6366f1)!important}

.home-tool:hover .nn-tool-symbol,
.tool-card:hover .nn-tool-symbol,
.trend-card:hover .nn-tool-symbol,
.popular-card:hover .nn-tool-symbol,
.category-card:hover .nn-tool-symbol{
  transform:translateY(-2px) scale(1.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 34px rgba(0,0,0,.28)!important;
}

@media(max-width:720px){
  .nn-tool-symbol{width:48px;height:48px;flex-basis:48px;border-radius:15px}
  .nn-tool-symbol svg{width:25px;height:25px}
}
@media(prefers-reduced-motion:reduce){.nn-tool-symbol{transition:none!important}}