/* Kudexa Site 4.0.53 — /demo/: the live dashboard, full screen (includes/demo-page.php). Uses the site's own tokens (site.css). */
html,body{height:100%}
body{overflow:hidden}
.kxs.kxd{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--page);color:var(--ink);font-size:15px;line-height:1.5}
.kxs .kxd-bar{flex:none;display:flex;align-items:center;gap:14px;padding:10px 18px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:var(--card)}
.kxs .kxd-home{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink)}
.kxs .kxd-home b{font:800 16px/1 'Plus Jakarta Sans',Inter,sans-serif}
.kxs .kxd-k{width:30px;height:30px;border-radius:9px;background:linear-gradient(90deg,#2F5BEA 0%,#7C4DFF 55%,#E8467C 100%);color:#fff;display:grid;place-items:center;font:800 14px/1 'Plus Jakarta Sans',Inter,sans-serif}
.kxs .kxd-tag{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mute);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kxs .kxd-dot{width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 4px color-mix(in srgb,#16A34A 18%,transparent);flex:none}
.kxs .kxd-try{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--invert);color:var(--invert-ink);text-decoration:none;font:800 14.5px/1 Inter,sans-serif;padding:12px 18px;border-radius:999px}
.kxs .kxd-try:hover{opacity:.9}
.kxs .kxd-frame{flex:1;width:100%;min-height:0;border:0;display:block;background:var(--soft)}
.kxs .kxd-off{margin:40px auto;max-width:620px;padding:18px 20px;border:1px dashed var(--line);border-radius:14px;color:var(--body)}
.kxs .kxd-card{position:fixed;right:20px;bottom:20px;z-index:20;width:360px;max-width:calc(100vw - 32px);box-sizing:border-box;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;box-shadow:0 30px 70px -20px rgba(16,20,45,.45),0 0 0 6px color-mix(in srgb,#7C4DFF 7%,transparent);animation:kxdIn .22s ease-out}
.kxs .kxd-card[hidden]{display:none!important}
@keyframes kxdIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.kxs .kxd-card h2{margin:0 26px 6px 0;font:800 19px/1.25 'Plus Jakarta Sans',Inter,sans-serif;text-wrap:balance}
.kxs .kxd-card p{margin:0 0 14px;color:var(--body);font-size:14.5px}
.kxs .kxd-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:var(--chip);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.kxs .kxd-form{display:flex;flex-direction:column;gap:8px}
.kxs .kxd-form input{border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:500 16px/1.2 Inter,sans-serif;background:var(--page);color:var(--ink);outline:0}
.kxs .kxd-form input:focus{border-color:#7C4DFF}
.kxs .kxd-form button{border:0;border-radius:999px;padding:14px 18px;background:var(--invert);color:var(--invert-ink);font:800 15px/1 Inter,sans-serif;cursor:pointer}
.kxs .kxd-err{margin:8px 0 0!important;color:#DC2626!important;font-size:13.5px!important}
.kxs .kxd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:760px){
  .kxs .kxd-bar{padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));gap:10px}
  .kxs .kxd-home b,.kxs .kxd-tagx{display:none}
  .kxs .kxd-try{padding:11px 14px;font-size:14px}
  .kxs .kxd-card{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.kxs .kxd-card{animation:none}}