/* ZYREX Premium Icon System — no emoji dependency */
.zx-icon{display:inline-flex!important;align-items:center;justify-content:center;width:1.30em;height:1.30em;vertical-align:-.14em;flex:none;color:currentColor;background-repeat:no-repeat;background-position:center;background-size:contain;line-height:1;font-size:inherit}
.zx-icon::before{content:"";display:block;width:100%;height:100%;background:currentColor;mask:var(--zx-mask) center/contain no-repeat;-webkit-mask:var(--zx-mask) center/contain no-repeat}
.zx-bolt{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202%204%2014h6l-1%208%209-12h-6l1-8Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-check{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E")}
.zx-check{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E")}
.zx-x{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E")}
.zx-x{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E")}
.zx-key{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2216.5%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M10%2014l9-9%22%2F%3E%3Cpath%20d%3D%22M16%205l3%203%22%2F%3E%3Cpath%20d%3D%22M14%207l3%203%22%2F%3E%3C%2Fsvg%3E")}
.zx-lock{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E")}
.zx-wallet{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h15a1%201%200%200%201%201%201v11H5a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h13%22%2F%3E%3Cpath%20d%3D%22M20%2012h-5a2%202%200%200%200%200%204h5M6%204v3%22%2F%3E%3C%2Fsvg%3E")}
.zx-card{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2015h4%22%2F%3E%3C%2Fsvg%3E")}
.zx-cart{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h2l2.2%2010.3a2%202%200%200%200%202%201.6h7.9a2%202%200%200%200%201.9-1.4L21%208H6%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2219%22%20r%3D%221.2%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E")}
.zx-phone{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%222.5%22%20width%3D%2210%22%20height%3D%2219%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%205h4M11%2018.5h2%22%2F%3E%3C%2Fsvg%3E")}
.zx-clipboard{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%2212%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%204V2h6v2M9%209h6M9%2013h6M9%2017h4%22%2F%3E%3C%2Fsvg%3E")}
.zx-chart{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10M10%2020V4M16%2020v-7M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
.zx-trend{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017%209%2011l4%204%208-9%22%2F%3E%3Cpath%20d%3D%22M16%206h5v5%22%2F%3E%3C%2Fsvg%3E")}
.zx-chat{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011.5a7.5%207.5%200%200%201-7.5%207.5H8l-4.5%202%201.7-4.1A7.5%207.5%200%201%201%2020%2011.5Z%22%2F%3E%3Cpath%20d%3D%22M8.5%2011.5h.01M12%2011.5h.01M15.5%2011.5h.01%22%2F%3E%3C%2Fsvg%3E")}
.zx-mail{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%207%208%206%208-6%22%2F%3E%3C%2Fsvg%3E")}
.zx-mail{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m4%207%208%206%208-6%22%2F%3E%3C%2Fsvg%3E")}
.zx-globe{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M12%203a14%2014%200%200%201%200%2018M12%203a14%2014%200%200%200%200%2018%22%2F%3E%3C%2Fsvg%3E")}
.zx-link{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.1.1l2-2a5%205%200%200%200-7.1-7.1l-1.2%201.2%22%2F%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.1-.1l-2%202A5%205%200%200%200%2012%2020l1.2-1.2%22%2F%3E%3C%2Fsvg%3E")}
.zx-box{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%207%208-4%208%204-8%204-8-4Z%22%2F%3E%3Cpath%20d%3D%22M4%207v10l8%204%208-4V7M12%2011v10%22%2F%3E%3C%2Fsvg%3E")}
.zx-receipt{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202V3Z%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6M9%2016h4%22%2F%3E%3C%2Fsvg%3E")}
.zx-user{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2021a7%207%200%200%201%2014%200%22%2F%3E%3C%2Fsvg%3E")}
.zx-users{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020a6%206%200%200%201%2012%200M16%206a3%203%200%200%201%200%206M18%2014a5%205%200%200%201%203%206%22%2F%3E%3C%2Fsvg%3E")}
.zx-rocket{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%205c2-2%205-2%206-2%200%201%200%204-2%206l-5%205-4-4%205-5Z%22%2F%3E%3Cpath%20d%3D%22m9%2010-4%201-2%204%205-1M14%2015l-1%205-4%202%201-5M8%2017l-2%202%22%2F%3E%3C%2Fsvg%3E")}
.zx-tools{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%206a5%205%200%200%200-7%206l-4%204%203%203%204-4a5%205%200%200%200%206-7%22%2F%3E%3Cpath%20d%3D%22m13%2013%207%207%22%2F%3E%3C%2Fsvg%3E")}
.zx-shield{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%2020%206v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6l8-3Z%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2210%22%20width%3D%226%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M10.5%2010V8.5a1.5%201.5%200%200%201%203%200V10%22%2F%3E%3C%2Fsvg%3E")}
.zx-shield{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%2020%206v6c0%205-3.5%208-8%209-4.5-1-8-4-8-9V6l8-3Z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.zx-book{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205a3%203%200%200%201%203-3h12v17H7a3%203%200%200%200-3%203V5Z%22%2F%3E%3Cpath%20d%3D%22M4%2019a3%203%200%200%201%203-3h12M8%206h7M8%2010h7%22%2F%3E%3C%2Fsvg%3E")}
.zx-cash{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h18v10H3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M6%2010v4M18%2010v4%22%2F%3E%3C%2Fsvg%3E")}
.zx-spark{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%201.3%206.7L20%2012l-6.7%201.3L12%2020l-1.3-6.7L4%2012l6.7-2.3L12%203Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-image{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%229%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m4%2017%205-5%204%204%202-2%205%204%22%2F%3E%3C%2Fsvg%3E")}
.zx-edit{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2020%204.5-1%2010-10a2.1%202.1%200%200%200-3-3l-10%2010L4%2020Z%22%2F%3E%3Cpath%20d%3D%22m14.5%207.5%202%202%22%2F%3E%3C%2Fsvg%3E")}
.zx-bulb{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2021h4M8%2014a6%206%200%201%201%208%200c-1%201-1.5%202-1.5%204h-5C9.5%2016%209%2015%208%2014Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-pin{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204%205%205-3%201-3%205-4-4%205-3%200-3Z%22%2F%3E%3Cpath%20d%3D%22m10%2014-6%206%22%2F%3E%3C%2Fsvg%3E")}
.zx-file{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h4M9%2011h6M9%2015h6M9%2019h4%22%2F%3E%3C%2Fsvg%3E")}
.zx-monitor{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2020h8M12%2016v4%22%2F%3E%3C%2Fsvg%3E")}
.zx-home{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10H3z%22%2F%3E%3Cpath%20d%3D%22M9%2020v-6h6v6%22%2F%3E%3C%2Fsvg%3E")}
.zx-search{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205%22%2F%3E%3C%2Fsvg%3E")}
.zx-alert{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%2017H3L12%203Z%22%2F%3E%3Cpath%20d%3D%22M12%209v5M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
.zx-camera{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h3l1.5-2h7L17%207h3v12H4z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E")}
.zx-send{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2011%2018-8-8%2018-2-7-8-3Z%22%2F%3E%3Cpath%20d%3D%22m11%2014%204-5%22%2F%3E%3C%2Fsvg%3E")}
.zx-bell{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2017h12l-1.5-2V10a4.5%204.5%200%200%200-9%200v5L6%2017ZM10%2020h4%22%2F%3E%3C%2Fsvg%3E")}
.zx-settings{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M19%2012a7%207%200%200%200-.1-1l2-1.5-2-3.4-2.3%201a8%208%200%200%200-1.7-1L14.7%203h-4l-.3%202.1a8%208%200%200%200-1.7%201l-2.3-1-2%203.4%202%201.5a7%207%200%200%200%200%202l-2%201.5%202%203.4%202.3-1a8%208%200%200%200%201.7%201l.3%202.1h4l.3-2.1a8%208%200%200%200%201.7-1l2.3%201%202-3.4-2-1.5c.1-.3.1-.7.1-1Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-menu{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E")}
.zx-star{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-2.9-5.6%202.9%201.1-6.2L3%209.6l6.2-.9L12%203Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-star{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-2.9-5.6%202.9%201.1-6.2L3%209.6l6.2-.9L12%203Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-gift{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%229%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%209v11M3%209h18M5%205.5a2.5%202.5%200%200%201%205%200V9H5a2.5%202.5%200%200%201%200-3.5ZM19%205.5a2.5%202.5%200%200%200-5%200V9h5a2.5%202.5%200%200%200%200-3.5Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-megaphone{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2013%2012-5v8L4%2013ZM4%2013v4a2%202%200%200%200%202%202h1%22%2F%3E%3Cpath%20d%3D%22M16%2010h3a2%202%200%200%201%200%204h-3%22%2F%3E%3C%2Fsvg%3E")}
.zx-signal{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2016a5%205%200%200%201%208%200M5%2019a9%209%200%200%201%2014%200M11%2012a1%201%200%201%200%202%200%201%201%200%200%200-2%200Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-status{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3C%2Fsvg%3E")}
.zx-arrow{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%2012-6-3%206%203%206-12-6Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-spark{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%201.3%206.7L20%2012l-6.7%201.3L12%2020l-1.3-6.7L4%2012l6.7-2.3L12%203Z%22%2F%3E%3C%2Fsvg%3E")}
.zx-music{--zx-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018V6l10-2v12%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}

/* V10 — dashboard/menu icon refinement */
.dashboard-menu > a .zx-icon,
.dashboard-menu > form .zx-icon{width:1.30em;height:1.30em;font-size:1.05em;vertical-align:-.20em}
.dashboard-menu > a,
.dashboard-menu > form button{display:flex!important;align-items:center;gap:.72rem}
.zx-info{--zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 10v6'/%3E%3Cpath d='M12 7h.01'/%3E%3C/svg%3E")}
.zx-refresh{--zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14.8-4L4 9'/%3E%3Cpath d='M4 5v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14.8 4L20 15'/%3E%3Cpath d='M20 19v-4h-4'/%3E%3C/svg%3E")}
.zx-logout{--zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H3'/%3E%3Cpath d='M21 3v18'/%3E%3C/svg%3E")}
.zx-star{width:1.30em!important;height:1.30em!important;vertical-align:-.20em}

/* V11 — clearer dashboard icons */
.dashboard-menu > a .zx-key, .dashboard-menu > a .zx-chat{width:1.42em!important;height:1.42em!important;vertical-align:-.22em!important}
.dashboard-menu > a .zx-key{transform:scale(.96)}
.dashboard-menu > a .zx-chat{transform:scale(.98)}

/* V12 — cleaner contact icon */
.zx-headset{--zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13v-1a8 8 0 0 1 16 0v1'/%3E%3Cpath d='M4 13h3v5H5a1 1 0 0 1-1-1v-4ZM20 13h-3v5h2a1 1 0 0 0 1-1v-4Z'/%3E%3Cpath d='M17 18c-.8 1.3-2.2 2-4 2h-1'/%3E%3C/svg%3E")}
.zx-headset{width:1.42em!important;height:1.42em!important;vertical-align:-.22em!important}

/* V14 — global icon readability across the entire site */
.zx-icon{min-width:1.30em;min-height:1.30em;}
.dashboard-menu > a .zx-icon,.dashboard-menu > form .zx-icon{width:1.48em;height:1.48em;font-size:1.08em;}
.quick-icon .zx-icon,.stat-label .zx-icon,.row-icon .zx-icon,.list-row .zx-icon{width:1.55em;height:1.55em;font-size:1em;}
.quick-icon .zx-icon{width:1.70em;height:1.70em;}
.stat-label .zx-icon{width:1.55em;height:1.55em;}
.nav-item .zx-icon,.bottom-nav .zx-icon,.mobile-nav .zx-icon{width:1.35em;height:1.35em;font-size:1em;}
.btn .zx-icon,.button .zx-icon,.action-btn .zx-icon{width:1.35em;height:1.35em;}
.badge .zx-icon,.pill .zx-icon{width:1.25em;height:1.25em;}
.service-icon .zx-icon,.operator-card-icon .zx-icon,.country-icon .zx-icon{width:1.55em;height:1.55em;}
@media (max-width:520px){
  .zx-icon{width:1.34em;height:1.34em;}
  .dashboard-menu > a .zx-icon,.dashboard-menu > form .zx-icon{width:1.50em;height:1.50em;}
  .quick-icon .zx-icon{width:1.78em;height:1.78em;}
  .stat-label .zx-icon,.row-icon .zx-icon,.list-row .zx-icon{width:1.62em;height:1.62em;}
  .nav-item .zx-icon,.bottom-nav .zx-icon,.mobile-nav .zx-icon{width:1.42em;height:1.42em;}
}


/* ZYREX Premium UI v15 — icon clarity + consistent visual hierarchy */
.zx-icon{width:1.42em;height:1.42em;min-width:1.42em;min-height:1.42em}

/* Dashboard / menu */
.dashboard-menu a .zx-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:20px!important;vertical-align:middle!important}
.dashboard-menu .dashboard-logout-form .zx-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
.dashboard-menu .menu-sep{margin:9px 8px!important}
.dashboard-logout-form{margin:10px 8px 3px!important;padding-top:9px!important}
.dashboard-logout-form button{min-height:43px!important;padding:10px 4px!important}

.quick-icon .zx-icon{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:24px!important}
.row-icon .zx-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;font-size:21px!important}
.otpServerIcon .zx-icon{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;font-size:27px!important}

/* Landing / information cards */
.preview-icon .zx-icon{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:24px!important}
.feature-top .icon .zx-icon{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font-size:25px!important}
.info-item .info-icon .zx-icon{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;font-size:22px!important}
.stat-icon .zx-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:20px!important}
.trust .zx-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;font-size:17px!important}
.api-point .zx-icon{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;font-size:17px!important}

/* Reseller API */
.reseller-api .hero-icon .zx-icon,.hero-icon .zx-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;font-size:28px!important}
.success-check .zx-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;font-size:21px!important}
.api-item .ico .zx-icon{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font-size:25px!important}
.secure-badge .zx-icon,.warning .zx-icon,.locked .zx-icon{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;font-size:16px!important}
.btn .zx-icon,.primary .zx-icon,.secondary .zx-icon{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;font-size:18px!important}

/* Keep mobile layouts clean: larger icons without making cards taller */
@media(max-width:600px){
  .quick-icon .zx-icon{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}
  .row-icon .zx-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
  .dashboard-menu a .zx-icon{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important}
  .feature-top .icon .zx-icon{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
}

/* V12 — clearer admin menu icons */
.dashboard-menu > a .zx-tools,
.dashboard-menu > a .zx-settings{width:1.58em!important;height:1.58em!important;font-size:1.12em!important;vertical-align:-.22em!important}
.dashboard-menu > a .zx-wallet{width:1.48em!important;height:1.48em!important}



/* V16 — admin menu icons: consistent size with Mutasi Saldo User */
.dashboard-menu > a .zx-users,
.dashboard-menu > a .zx-settings,
.dashboard-menu > a .zx-wallet{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  font-size:22px!important;
  vertical-align:middle!important;
}


/* V17 — Admin icon cleanup: replace the previously uneven glyph paths with
   simple, balanced 24x24 SVG masks.  This is visual-only; no behavior/routes changed. */
.zx-users{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9.5' cy='7' r='3.2'/%3E%3Cpath d='M17 11a3.2 3.2 0 1 0-1-6.2M21 21v-2a4 4 0 0 0-3-3.87'/%3E%3C/svg%3E");
}
.zx-wallet{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5H20v14H5.5A2.5 2.5 0 0 1 3 16.5v-9Z'/%3E%3Cpath d='M3 8h14.5a2 2 0 0 1 0 4H15a2 2 0 0 0 0 4h5'/%3E%3Ccircle cx='15.5' cy='14' r='.7' fill='black' stroke='none'/%3E%3C/svg%3E");
}
.zx-settings{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5 14 4l.7 2a7 7 0 0 1 1.6.9l2-.7 1.5 2.6-1.5 1.5c.1.4.2.8.2 1.2s-.1.8-.2 1.2l1.5 1.5-1.5 2.6-2-.7a7 7 0 0 1-1.6.9l-.7 2-2 .5-2-.5-.7-2a7 7 0 0 1-1.6-.9l-2 .7-1.5-2.6 1.5-1.5A5.8 5.8 0 0 1 5.5 12c0-.4.1-.8.2-1.2L4.2 9.3 5.7 6.7l2 .7a7 7 0 0 1 1.6-.9l.7-2 2-.5Z'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");
}
.zx-chart{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V11M10 19V5M16 19v-8M22 19H2'/%3E%3Cpath d='M4 11h2M10 5h2M16 11h2'/%3E%3C/svg%3E");
}
.zx-cart{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 1.9-1.4L21 8H6'/%3E%3Ccircle cx='9' cy='19' r='1.2'/%3E%3Ccircle cx='18' cy='19' r='1.2'/%3E%3C/svg%3E");
}
.zx-phone{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2'/%3E%3Cpath d='M10 5h4M11 18.5h2'/%3E%3C/svg%3E");
}
.zx-megaphone{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 13 12-5v8L4 13Z'/%3E%3Cpath d='M4 13v4a2 2 0 0 0 2 2h1M16 10h3a2 2 0 0 1 0 4h-3'/%3E%3C/svg%3E");
}
.zx-card{
 --zx-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E");
}

/* Admin drawer: slightly larger and optically aligned with text. */
body.zx-theme .drawer a .zx-icon,
body.zx-theme .drawer .admin-nav-btn .zx-icon{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:24px!important;vertical-align:middle!important;
}
/* Stats: consistent icon box prevents clipping/uneven glyphs. */
body.zx-theme .stat-icon .zx-icon{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:24px!important;}
body.zx-theme .section-head h2 > .zx-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;font-size:21px!important;vertical-align:-.2em!important;}

/* V18 — ZYREX colorful icon accents. Visual-only; no routes/order logic changed. */
.zx-phone{color:#ff9f1a!important}
.zx-rocket{color:#a78bfa!important}
.zx-card{color:#ffd43b!important}
.zx-wallet{color:#22d3ee!important}
.zx-receipt{color:#60a5fa!important}
.zx-trend{color:#34d399!important}
.zx-refresh{color:#2dd4bf!important}
.zx-file,.zx-clipboard{color:#93c5fd!important}
.zx-users{color:#c084fc!important}
.zx-info{color:#38bdf8!important}
.zx-key{color:#fbbf24!important}
.zx-star{color:#facc15!important}
.zx-user{color:#60a5fa!important}
.zx-chart{color:#fb923c!important}
.zx-settings{color:#f472b6!important}
.zx-headset{color:#4ade80!important}
.zx-check{color:#4ade80!important}
.zx-box{color:#fb923c!important}
.zx-megaphone{color:#fb923c!important}
.zx-bolt{color:#facc15!important}
.zx-status{color:#4ade80!important}
.zx-spark{color:#fbbf24!important}
.zx-lock{color:#f87171!important}
.zx-x{color:#f87171!important}
.zx-mail{color:#60a5fa!important}
.zx-globe{color:#34d399!important}
.zx-link{color:#a78bfa!important}
.zx-cart{color:#fb923c!important}

/* Keep utility/menu controls readable; service/action icons get the accents above. */
.menu-btn .zx-menu,.dashboard-menu .zx-menu{color:#f3f4f6!important}


/* V19 — Quick Actions: explicit per-card colors. Visual-only. */
body.zx-theme .quick-grid .quick:nth-child(1) .quick-icon{background:rgba(255,159,26,.14)!important;border-color:rgba(255,159,26,.28)!important}
body.zx-theme .quick-grid .quick:nth-child(1) .quick-icon .zx-icon{color:#ff9f1a!important}
body.zx-theme .quick-grid .quick:nth-child(2) .quick-icon{background:rgba(167,139,250,.14)!important;border-color:rgba(167,139,250,.28)!important}
body.zx-theme .quick-grid .quick:nth-child(2) .quick-icon .zx-icon{color:#a78bfa!important}
body.zx-theme .quick-grid .quick:nth-child(3) .quick-icon{background:rgba(255,212,59,.14)!important;border-color:rgba(255,212,59,.30)!important}
body.zx-theme .quick-grid .quick:nth-child(3) .quick-icon .zx-icon{color:#ffd43b!important}
body.zx-theme .quick-grid .quick:nth-child(4) .quick-icon{background:rgba(96,165,250,.14)!important;border-color:rgba(96,165,250,.28)!important}
body.zx-theme .quick-grid .quick:nth-child(4) .quick-icon .zx-icon{color:#60a5fa!important}
body.zx-theme .quick-grid .quick-icon .zx-icon::before{background:currentColor!important}

/* V20 — Bottom navigation icons: larger and easier to tap/read on mobile. */
body.zx-theme .zx-bottom-nav a .zx-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  font-size:26px!important;
  line-height:1!important;
}
body.zx-theme .zx-bottom-nav a:nth-child(1) .zx-icon{color:#ffd43b!important}
body.zx-theme .zx-bottom-nav a:nth-child(2) .zx-icon{color:#ff9f1a!important}
body.zx-theme .zx-bottom-nav a:nth-child(4) .zx-icon{color:#a78bfa!important}
body.zx-theme .zx-bottom-nav a:nth-child(5) .zx-icon{color:#60a5fa!important}
@media(max-width:600px){
  body.zx-theme .zx-bottom-nav a .zx-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    min-height:27px!important;
    font-size:27px!important;
  }
}


/* V21 — Dashboard visual refinement: stronger quick-action colors + larger bottom nav. */
body.zx-theme .quick-grid .quick .quick-icon > .zx-icon{
  display:inline-flex!important;
  opacity:1!important;
  filter:none!important;
}
body.zx-theme .quick-grid .quick:nth-child(1) .quick-icon > .zx-icon{color:#ff9f1a!important;}
body.zx-theme .quick-grid .quick:nth-child(2) .quick-icon > .zx-icon{color:#a78bfa!important;}
body.zx-theme .quick-grid .quick:nth-child(3) .quick-icon > .zx-icon{color:#ffd43b!important;}
body.zx-theme .quick-grid .quick:nth-child(4) .quick-icon > .zx-icon{color:#60a5fa!important;}
body.zx-theme .quick-grid .quick .quick-icon > .zx-icon::before{background:currentColor!important;}

body.zx-theme .zx-bottom-nav{
  height:76px!important;
  padding:7px!important;
}
body.zx-theme .zx-bottom-nav a{
  min-height:60px!important;
}
body.zx-theme .zx-bottom-nav a .zx-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  font-size:32px!important;
}
body.zx-theme .zx-bottom-nav a:nth-child(1) .zx-icon{color:#ffd43b!important;}
body.zx-theme .zx-bottom-nav a:nth-child(2) .zx-icon{color:#ff9f1a!important;}
body.zx-theme .zx-bottom-nav a:nth-child(4) .zx-icon{color:#a78bfa!important;}
body.zx-theme .zx-bottom-nav a:nth-child(5) .zx-icon{color:#60a5fa!important;}
body.zx-theme .zx-bottom-nav a .zx-icon::before{background:currentColor!important;}
body.zx-theme .zx-bottom-nav a.plus{width:54px!important;height:54px!important;min-height:54px!important;font-size:31px!important;}
@media(max-width:600px){
  body.zx-theme .zx-bottom-nav{height:74px!important;padding:6px!important;}
  body.zx-theme .zx-bottom-nav a{min-height:60px!important;}
  body.zx-theme .zx-bottom-nav a .zx-icon{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;font-size:31px!important;}
  body.zx-theme .zx-bottom-nav a.plus{width:52px!important;height:52px!important;min-height:52px!important;font-size:30px!important;}
}