:root{--evkc-blue:#3567ef;--evkc-green:#14734f;--evkc-navy:#142238}
body.evk-app-web{padding-bottom:86px}
.evk-web-bottom-nav{position:fixed;z-index:99990;left:50%;bottom:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(664px,calc(100% - 16px));height:70px;padding:5px 7px;transform:translateX(-50%);border:1px solid rgba(221,228,235,.94);border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 10px 36px rgba(20,34,56,.18);backdrop-filter:blur(12px)}
.evk-web-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border-radius:16px;color:#929dac;text-decoration:none;font-size:18px}
.evk-web-bottom-nav a:hover{text-decoration:none}
.evk-web-bottom-nav .evk-nav-icon{display:grid;place-items:center;width:30px;height:28px;overflow:hidden}
.evk-web-bottom-nav svg{display:block;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.evk-web-bottom-nav b{font-size:10px;font-weight:800}
.evk-web-bottom-nav a.is-active{color:#167653;background:#ecf9f3}
.evk-web-bottom-nav a.is-active b{color:#116b4a}
.evk-web-bottom-nav a.is-active svg{stroke-width:2.2}
@media(min-width:681px){body.evk-app-web{padding-bottom:0}.evk-web-bottom-nav{display:none!important}}