/* ═══════════════════════════════════════════════════════════
   DwinPayment v3.0 — icons-3d.css
   All nav icons as inline SVG 3D-style icons
   ═══════════════════════════════════════════════════════════ */

/* Shared 3D icon base */
[data-module] .nav-icon {
  font-size: 0 !important;
  width: 34px !important; height: 34px !important;
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  background-size: 30px 30px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex-shrink: 0 !important;
}

/* ── Dashboard ─────────────────────────────────────────────── */
[data-module="dashboard"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(6,182,212,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='dg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306B6D4'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='6' width='22' height='22' rx='5' fill='url(%23dg1)'/%3E%3Crect x='6' y='6' width='22' height='8' rx='5' fill='%23fff' opacity='.2'/%3E%3Crect x='36' y='6' width='22' height='10' rx='5' fill='%234F46E5' opacity='.8'/%3E%3Crect x='36' y='20' width='22' height='8' rx='4' fill='%2306B6D4' opacity='.6'/%3E%3Crect x='6' y='36' width='10' height='22' rx='4' fill='%234F46E5' opacity='.7'/%3E%3Crect x='20' y='42' width='10' height='16' rx='4' fill='%2306B6D4' opacity='.8'/%3E%3Crect x='34' y='36' width='10' height='22' rx='4' fill='%237C3AED' opacity='.7'/%3E%3Crect x='48' y='44' width='10' height='14' rx='4' fill='%2306B6D4' opacity='.9'/%3E%3C/svg%3E") !important;
}

/* ── Wallet ─────────────────────────────────────────────────── */
[data-module="wallet"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(124,58,237,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='wg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%237C3AED'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='18' width='52' height='34' rx='6' fill='url(%23wg1)'/%3E%3Crect x='6' y='18' width='52' height='10' rx='6' fill='%23fff' opacity='.15'/%3E%3Crect x='6' y='12' width='40' height='10' rx='4' fill='%235B21B6' opacity='.7'/%3E%3Crect x='38' y='34' width='14' height='12' rx='6' fill='%23fff' opacity='.15'/%3E%3Ccircle cx='45' cy='40' r='4' fill='%23C4B5FD' opacity='.9'/%3E%3Crect x='12' y='32' width='16' height='3' rx='1.5' fill='%23fff' opacity='.5'/%3E%3Crect x='12' y='39' width='12' height='2.5' rx='1.2' fill='%23fff' opacity='.35'/%3E%3C/svg%3E") !important;
}

/* ── Payments ───────────────────────────────────────────────── */
[data-module="payments"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(16,185,129,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='pg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2310B981'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='26' fill='url(%23pg1)'/%3E%3Ccircle cx='32' cy='32' r='26' fill='%23fff' opacity='.08'/%3E%3Cellipse cx='32' cy='22' rx='18' ry='7' fill='%23fff' opacity='.15'/%3E%3Ctext x='32' y='38' text-anchor='middle' font-size='22' font-weight='800' fill='%23fff' font-family='Arial'>$%3C/text%3E%3C/svg%3E") !important;
}

/* ── Trading ────────────────────────────────────────────────── */
[data-module="trading"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(245,158,11,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='tg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F59E0B'/%3E%3Cstop offset='1' stop-color='%23EF4444'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8 42 L20 28 L32 34 L44 16 L56 22' stroke='url(%23tg1)' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 42 L20 28 L32 34 L44 16 L56 22 L56 56 L8 56Z' fill='url(%23tg1)' opacity='.2'/%3E%3Ccircle cx='20' cy='28' r='4' fill='%23F59E0B'/%3E%3Ccircle cx='44' cy='16' r='4' fill='%23EF4444'/%3E%3C/svg%3E") !important;
}

/* ── Earn ───────────────────────────────────────────────────── */
[data-module="earn"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(16,185,129,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='eg1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2310B981'/%3E%3Cstop offset='1' stop-color='%23059669'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='40' width='10' height='18' rx='3' fill='url(%23eg1)' opacity='.6'/%3E%3Crect x='22' y='28' width='10' height='30' rx='3' fill='url(%23eg1)' opacity='.75'/%3E%3Crect x='36' y='16' width='10' height='42' rx='3' fill='url(%23eg1)' opacity='.9'/%3E%3Crect x='50' y='8' width='10' height='50' rx='3' fill='%2306B6D4'/%3E%3Cpath d='M8 38 Q22 22 36 14 Q50 6 56 8' stroke='%2334D399' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* ── NFT ────────────────────────────────────────────────────── */
[data-module="nft"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(168,85,247,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='ng1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23A855F7'/%3E%3Cstop offset='1' stop-color='%23EC4899'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='8' width='48' height='48' rx='10' fill='url(%23ng1)'/%3E%3Crect x='8' y='8' width='48' height='16' rx='10' fill='%23fff' opacity='.15'/%3E%3Ccircle cx='24' cy='26' r='6' fill='%23FCD34D' opacity='.9'/%3E%3Cpath d='M14 48 L26 34 L34 40 L44 28 L54 48Z' fill='%23fff' opacity='.25'/%3E%3Cpath d='M14 48 L26 34 L34 40 L44 28 L54 48Z' fill='%23fff' opacity='.1'/%3E%3C/svg%3E") !important;
}

/* ── PoR ────────────────────────────────────────────────────── */
[data-module="por"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(6,182,212,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='prg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306B6D4'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='24' fill='none' stroke='url(%23prg)' stroke-width='5'/%3E%3Ccircle cx='32' cy='32' r='24' fill='%2306B6D4' opacity='.08'/%3E%3Ccircle cx='32' cy='32' r='14' fill='none' stroke='%234F46E5' stroke-width='3' stroke-dasharray='4 3'/%3E%3Cpath d='M22 32 L28 38 L42 26' stroke='%2310B981' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ── Treasury ───────────────────────────────────────────────── */
[data-module="treasury"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(245,158,11,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='trg' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FBBF24'/%3E%3Cstop offset='1' stop-color='%23D97706'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='28' width='48' height='30' rx='5' fill='url(%23trg)'/%3E%3Crect x='8' y='28' width='48' height='10' rx='5' fill='%23fff' opacity='.2'/%3E%3Cpolygon points='32,6 56,28 8,28' fill='%23F59E0B'/%3E%3Cpolygon points='32,6 56,28 8,28' fill='%23fff' opacity='.1'/%3E%3Crect x='26' y='40' width='12' height='18' rx='3' fill='%23fff' opacity='.2'/%3E%3Ccircle cx='32' cy='46' r='3' fill='%23fff' opacity='.5'/%3E%3C/svg%3E") !important;
}

/* ── Merchant ───────────────────────────────────────────────── */
[data-module="merchant"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(79,70,229,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='mg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234F46E5'/%3E%3Cstop offset='1' stop-color='%237C3AED'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='24' width='48' height='34' rx='6' fill='url(%23mg1)'/%3E%3Crect x='8' y='24' width='48' height='10' rx='6' fill='%23fff' opacity='.15'/%3E%3Crect x='16' y='6' width='32' height='22' rx='4' fill='%233730A3' opacity='.7'/%3E%3Crect x='16' y='6' width='32' height='8' rx='4' fill='%23fff' opacity='.1'/%3E%3Crect x='22' y='36' width='20' height='22' rx='4' fill='%23fff' opacity='.15'/%3E%3Ccircle cx='32' cy='44' r='4' fill='%23C4B5FD' opacity='.8'/%3E%3C/svg%3E") !important;
}

/* ── Ledger ─────────────────────────────────────────────────── */
[data-module="ledger"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(99,102,241,.35)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='lg1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238B5CF6'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='10' y='8' width='38' height='50' rx='4' fill='%233730A3' opacity='.4'/%3E%3Crect x='8' y='6' width='38' height='50' rx='4' fill='url(%23lg1)'/%3E%3Crect x='8' y='6' width='38' height='14' rx='4' fill='%23fff' opacity='.15'/%3E%3Crect x='6' y='8' width='6' height='46' rx='3' fill='%23A78BFA'/%3E%3Crect x='16' y='18' width='22' height='2.5' rx='1.2' fill='%23fff' opacity='.85'/%3E%3Crect x='16' y='24' width='18' height='2' rx='1' fill='%23fff' opacity='.6'/%3E%3Crect x='16' y='30' width='20' height='2' rx='1' fill='%23fff' opacity='.6'/%3E%3Crect x='16' y='36' width='14' height='2' rx='1' fill='%23fff' opacity='.5'/%3E%3Crect x='28' y='42' width='10' height='2' rx='1' fill='%2310B981' opacity='.9'/%3E%3C/svg%3E") !important;
}

/* ── Fiat ───────────────────────────────────────────────────── */
[data-module="fiat"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(16,185,129,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='fg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2310B981'/%3E%3Cstop offset='1' stop-color='%2306B6D4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='16' width='52' height='36' rx='8' fill='url(%23fg1)'/%3E%3Crect x='6' y='16' width='52' height='12' rx='8' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='32' cy='34' r='9' fill='none' stroke='%23fff' stroke-width='2.5' opacity='.5'/%3E%3Ctext x='32' y='39' text-anchor='middle' font-size='11' font-weight='800' fill='%23fff' font-family='Arial'>€$%3C/text%3E%3Crect x='10' y='44' width='12' height='3' rx='1.5' fill='%23fff' opacity='.4'/%3E%3Crect x='42' y='44' width='12' height='3' rx='1.5' fill='%23fff' opacity='.4'/%3E%3C/svg%3E") !important;
}

/* ── Xero ───────────────────────────────────────────────────── */
[data-module="xero"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(6,182,212,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='xg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306B6D4'/%3E%3Cstop offset='1' stop-color='%2310B981'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='26' fill='url(%23xg1)'/%3E%3Ccircle cx='32' cy='32' r='26' fill='%23fff' opacity='.08'/%3E%3Cpath d='M18 20 L46 44 M46 20 L18 44' stroke='%23fff' stroke-width='5' stroke-linecap='round'/%3E%3Cellipse cx='32' cy='22' rx='16' ry='6' fill='%23fff' opacity='.1'/%3E%3C/svg%3E") !important;
}

/* ── Security ───────────────────────────────────────────────── */
[data-module="security"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(124,58,237,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='sg1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237C3AED'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 4 L54 14 L54 34 Q54 50 32 60 Q10 50 10 34 L10 14Z' fill='url(%23sg1)'/%3E%3Cpath d='M32 4 L54 14 L54 24 Q43 20 32 22 Q21 20 10 24 L10 14Z' fill='%23fff' opacity='.15'/%3E%3Cpath d='M22 32 L28 38 L42 26' stroke='%23fff' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ── API Keys ───────────────────────────────────────────────── */
[data-module="apikeys"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(6,182,212,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='akg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306B6D4'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='22' cy='26' r='14' fill='url(%23akg)'/%3E%3Ccircle cx='22' cy='26' r='8' fill='%23fff' opacity='.15'/%3E%3Ccircle cx='22' cy='26' r='4' fill='%23fff' opacity='.4'/%3E%3Crect x='32' y='24' width='26' height='5' rx='2.5' fill='%236366F1'/%3E%3Crect x='44' y='29' width='5' height='8' rx='2' fill='%236366F1'/%3E%3Crect x='52' y='29' width='5' height='6' rx='2' fill='%234F46E5'/%3E%3C/svg%3E") !important;
}

/* ── Identity / KYC ─────────────────────────────────────────── */
[data-module="identity"] .nav-icon,
[data-module="kyc"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(245,158,11,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='ikg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F59E0B'/%3E%3Cstop offset='1' stop-color='%23EF4444'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='14' width='52' height='38' rx='8' fill='url(%23ikg)'/%3E%3Crect x='6' y='14' width='52' height='12' rx='8' fill='%23fff' opacity='.18'/%3E%3Ccircle cx='22' cy='34' r='9' fill='%23fff' opacity='.15'/%3E%3Ccircle cx='22' cy='31' r='5' fill='%23fff' opacity='.4'/%3E%3Cpath d='M13 46 Q22 38 31 46' stroke='%23fff' stroke-width='2' fill='none' opacity='.4'/%3E%3Crect x='36' y='28' width='16' height='3' rx='1.5' fill='%23fff' opacity='.6'/%3E%3Crect x='36' y='35' width='12' height='2.5' rx='1.2' fill='%23fff' opacity='.4'/%3E%3Crect x='36' y='41' width='14' height='2.5' rx='1.2' fill='%23fff' opacity='.3'/%3E%3C/svg%3E") !important;
}

/* ── Monitor ────────────────────────────────────────────────── */
[data-module="monitor"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(6,182,212,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='mong' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306B6D4'/%3E%3Cstop offset='1' stop-color='%2310B981'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='10' width='52' height='36' rx='6' fill='url(%23mong)'/%3E%3Crect x='6' y='10' width='52' height='10' rx='6' fill='%23fff' opacity='.15'/%3E%3Crect x='24' y='46' width='16' height='8' rx='2' fill='%2306B6D4' opacity='.6'/%3E%3Crect x='18' y='54' width='28' height='3' rx='1.5' fill='%2306B6D4' opacity='.4'/%3E%3Cpath d='M14 30 L24 22 L32 28 L40 18 L50 24' stroke='%23fff' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Ccircle cx='24' cy='22' r='2.5' fill='%23FCD34D'/%3E%3Ccircle cx='40' cy='18' r='2.5' fill='%23F87171'/%3E%3C/svg%3E") !important;
}

/* ── Approval ───────────────────────────────────────────────── */
[data-module="approval"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(16,185,129,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='apg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2310B981'/%3E%3Cstop offset='1' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='26' fill='url(%23apg)'/%3E%3Ccircle cx='32' cy='32' r='26' fill='%23fff' opacity='.06'/%3E%3Cellipse cx='32' cy='22' rx='18' ry='7' fill='%23fff' opacity='.12'/%3E%3Cpath d='M20 32 L28 40 L44 24' stroke='%23fff' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ── Sandbox ────────────────────────────────────────────────── */
[data-module="sandbox"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(245,158,11,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='sbg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F59E0B'/%3E%3Cstop offset='1' stop-color='%23F97316'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='8' y='36' width='48' height='20' rx='6' fill='url(%23sbg)'/%3E%3Cellipse cx='32' cy='36' rx='24' ry='8' fill='%23FBBF24' opacity='.8'/%3E%3Cellipse cx='32' cy='36' rx='24' ry='8' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='20' cy='28' r='5' fill='%23FCD34D'/%3E%3Ccircle cx='32' cy='24' r='6' fill='%23F59E0B'/%3E%3Ccircle cx='44' cy='28' r='4' fill='%23FCD34D'/%3E%3C/svg%3E") !important;
}

/* ── AI Assistant — keep 🤖 emoji (premium glow, playful) ──── */
[data-module="assistant"] .nav-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  width: 34px !important;
  height: 34px !important;
  background-image: none !important;
  filter: drop-shadow(0 2px 6px rgba(201, 162, 39, 0.5)) drop-shadow(0 0 14px rgba(255, 107, 157, 0.35)) !important;
}

/* ── USDW ───────────────────────────────────────────────────── */
[data-module="usdw"] .nav-icon {
  filter: drop-shadow(0 2px 6px rgba(130,71,229,.45)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='ug1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23A78BFA'/%3E%3Cstop offset='1' stop-color='%236D28D9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='32,4 58,22 48,58 16,58 6,22' fill='url(%23ug1)'/%3E%3Cpolygon points='32,4 58,22 32,26' fill='%23C4B5FD' opacity='.9'/%3E%3Cpolygon points='32,4 6,22 32,26' fill='%23DDD6FE' opacity='.7'/%3E%3Cpolygon points='6,22 32,26 16,58' fill='%2306B6D4' opacity='.85'/%3E%3Cpolygon points='6,22 58,22 32,26' fill='%23fff' opacity='.18'/%3E%3C/svg%3E") !important;
}

/* ── Settings ───────────────────────────────────────────────── */
[data-module="settings"] .nav-icon {
  filter: drop-shadow(0 2px 5px rgba(100,116,139,.4)) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='stg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2394A3B8'/%3E%3Cstop offset='1' stop-color='%2364748B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='12' fill='url(%23stg)'/%3E%3Ccircle cx='32' cy='32' r='6' fill='%23fff' opacity='.3'/%3E%3Cpath d='M32 8 L35 16 L28 16Z' fill='%2394A3B8'/%3E%3Cpath d='M32 56 L35 48 L28 48Z' fill='%2394A3B8'/%3E%3Cpath d='M8 32 L16 35 L16 28Z' fill='%2394A3B8'/%3E%3Cpath d='M56 32 L48 35 L48 28Z' fill='%2394A3B8'/%3E%3Cpath d='M15 15 L21 21 L16 26Z' fill='%2394A3B8' opacity='.7'/%3E%3Cpath d='M49 49 L43 43 L48 38Z' fill='%2394A3B8' opacity='.7'/%3E%3Cpath d='M49 15 L43 21 L48 26Z' fill='%2394A3B8' opacity='.7'/%3E%3Cpath d='M15 49 L21 43 L16 38Z' fill='%2394A3B8' opacity='.7'/%3E%3C/svg%3E") !important;
}

/* ── Bottom Tab Icons ───────────────────────────────────────── */
.tab-icon { font-size: 20px; }

/*
 * Sidebar main nav: use OS-rendered emoji (3D on most platforms) — not flat SVG tiles
 * or gradient boxes from other stylesheets. Scoped to direct icon span inside .nav-item.
 */
#sidebar .nav-item[data-module] > .nav-icon,
.sidebar .nav-item[data-module] > .nav-icon {
  font-size: 22px !important;
  line-height: 1 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45)) !important;
}
#sidebar .nav-item[data-module="assistant"] > .nav-icon,
.sidebar .nav-item[data-module="assistant"] > .nav-icon {
  filter: drop-shadow(0 2px 6px rgba(201, 162, 39, 0.5))
    drop-shadow(0 0 14px rgba(255, 107, 157, 0.35)) !important;
}
#sidebar .nav-item:hover > .nav-icon,
#sidebar .nav-item.active > .nav-icon {
  box-shadow: none !important;
  transform: scale(1.06) translateY(-1px) !important;
}