/* Kaptura Technical Symbols — web-safe, SF-inspired hierarchy */
.k-icon{width:28px;height:28px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.k-icon .k-tone{fill:currentColor;stroke:none;opacity:.13}.k-icon .k-dot{fill:currentColor;stroke:none}
.vars i>.k-icon{width:34px;height:34px;box-sizing:content-box;padding:8px;margin-bottom:7px;border-radius:12px;color:var(--violet);background:color-mix(in srgb,currentColor 10%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}
.vars i{position:relative}.vars i:after{content:"";position:absolute;right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:#29bd82;box-shadow:0 0 0 4px #29bd8218}
.steps .k-icon{width:36px;height:36px;stroke-width:1.75}.steps i{box-shadow:inset 0 1px 0 #ffffff12,0 14px 32px #0003}.steps li:nth-child(1) i{color:#7fc8ff}.steps li:nth-child(2) i{color:#8fa7ff}.steps li:nth-child(3) i{color:#b09bff}.steps li:nth-child(4) i{color:#69d9ab}
.plans article>i{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#f0edff;color:var(--violet);box-shadow:inset 0 0 0 1px #7358ff1c}.plans article>i .k-icon{width:31px;height:31px}
.diagnostic-options button>b .k-icon{width:27px;height:27px;stroke-width:1.85}.diagnostic-options button>b{box-shadow:inset 0 0 0 1px #7358ff17}.diagnostic-options button:hover>b,.diagnostic-options button.selected>b{background:var(--violet);color:#fff;box-shadow:0 8px 20px #7358ff2c}
.icon-temperature{color:#ed765f!important}.icon-humidity,.icon-water{color:#298fd0!important}.icon-energy{color:#d99417!important}.icon-link{color:#6879e8!important}.icon-smoke{color:#8068d8!important}.icon-sensor{color:#6abaf1!important}.icon-gateway{color:#8298f3!important}.icon-platform{color:#a28af0!important}.icon-action{color:#55c995!important}
@media(max-width:740px){.vars i>.k-icon{width:31px;height:31px;padding:7px}.vars i:after{right:12px;top:12px}.steps .k-icon{width:33px;height:33px}.plans article>i{width:54px;height:54px}}
@media(prefers-reduced-motion:no-preference){.vars i>.k-icon,.diagnostic-options button>b{transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}.vars i:hover>.k-icon{transform:translateY(-2px) scale(1.04)}}
