.nx-live-visitor {
    --lv-bg: var(--nx-component-card-bg,var(--nx-color-card-bg,var(--bs-card-bg,#101820)));
    --lv-soft: var(--nx-color-surface-soft,color-mix(in srgb,var(--lv-bg) 92%,var(--lv-text) 8%));
    --lv-border: var(--nx-component-border,var(--nx-color-card-border,rgba(148,163,184,.22)));
    --lv-text: var(--nx-color-on-surface,var(--bs-body-color,#eef2f6));
    --lv-muted: var(--nx-color-muted,var(--bs-secondary-color,#9aa5b2));
    --lv-accent: var(--nx-color-primary,var(--bs-primary,#ff7900));
    --lv-green: #35b54a;
    --lv-blue: #2788e8;
    --lv-violet: #9253df;
    width:100%; max-width:1480px; margin:0 auto; overflow:hidden; box-sizing:border-box; color:var(--lv-text); background:var(--lv-bg); border-color:var(--lv-border);
}
.nx-live-visitor>.card-body{padding:clamp(1rem,2.4vw,2rem)}
.nx-live-visitor *,.nx-live-visitor *::before,.nx-live-visitor *::after{box-sizing:border-box}
.lv-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);align-items:end;gap:24px;margin-bottom:20px}
.lv-heading h1{margin:0;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;letter-spacing:-.04em;text-transform:uppercase}.lv-heading h1::after{display:block;width:86px;height:3px;margin-top:4px;background:var(--lv-accent);content:""}.lv-heading p{margin:.4rem 0 0;color:var(--lv-muted)}
.lv-visibility,.lv-kpi,.lv-panel,.lv-privacy{border:1px solid var(--lv-border);background:linear-gradient(145deg,var(--lv-bg),color-mix(in srgb,var(--lv-bg) 96%,var(--lv-text) 4%));box-shadow:0 10px 28px rgba(0,0,0,.08)}
.lv-visibility{display:flex;align-items:flex-start;gap:16px;padding:15px 18px;border-radius:9px}.lv-visibility>i{color:var(--lv-accent);font-size:2rem}.lv-visibility>div{display:flex;flex-direction:column}.lv-visibility strong{font-size:.9rem}.lv-visibility span{margin-top:2px;color:var(--lv-muted);font-size:.8rem}.lv-visibility a,.lv-privacy a,.lv-recent-note a{margin-top:5px;color:var(--lv-accent);font-size:.78rem;font-weight:700;text-decoration:none}.lv-visibility.is-hidden{display:none}
.lv-notice{margin-bottom:16px;padding:12px 15px;border:1px solid var(--lv-border);border-radius:8px;background:var(--lv-soft)}
.lv-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lv-kpi{display:flex;min-height:112px;align-items:center;gap:18px;padding:18px;border-radius:8px}.lv-kpi>span{display:grid;flex:0 0 auto;width:58px;height:58px;place-items:center;border-radius:50%;background:color-mix(in srgb,currentColor 13%,transparent);font-size:1.8rem}.lv-kpi>div{display:flex;min-width:0;flex-direction:column}.lv-kpi strong{font-size:1.75rem;line-height:1}.lv-kpi b{margin-top:4px;font-size:.88rem}.lv-kpi small{color:var(--lv-muted);font-size:.72rem}.lv-kpi--orange{color:var(--lv-accent)}.lv-kpi--green{color:var(--lv-green)}.lv-kpi--blue{color:var(--lv-blue)}.lv-kpi--violet{color:var(--lv-violet)}.lv-kpi b,.lv-kpi strong{color:var(--lv-text)}
.lv-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px;margin-top:16px}.lv-panel{min-width:0;overflow:hidden;border-radius:8px}.lv-panel>header{display:flex;min-height:78px;align-items:flex-start;padding:17px 20px}.lv-panel__spread{justify-content:space-between;gap:16px}.lv-panel h2{margin:0;font-size:1rem;font-weight:800;text-transform:uppercase}.lv-panel h2>i{margin-right:8px;color:var(--lv-accent)}.lv-panel header p{margin:5px 0 0;color:var(--lv-muted);font-size:.76rem}.lv-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lv-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--lv-green) 12%,transparent)}.lv-hours{padding:8px 12px;border:1px solid var(--lv-border);border-radius:7px;background:var(--lv-soft);font-size:.75rem;white-space:nowrap}
.lv-table-head{display:grid;gap:12px;padding:10px 20px;border-bottom:1px solid var(--lv-border);color:var(--lv-muted);font-size:.72rem;font-weight:700}.lv-table-head--current,.lv-user-list--current .lv-user-row{grid-template-columns:minmax(150px,1.1fr) 90px minmax(130px,1fr) 90px}.lv-table-head--recent,.lv-user-list--recent .lv-user-row{grid-template-columns:minmax(150px,1fr) minmax(130px,1fr) 110px}
.lv-user-list{margin:0;padding:0 20px;list-style:none}.lv-user-row{display:grid;align-items:center;gap:12px;min-height:67px;border-bottom:1px solid var(--lv-border)}.lv-user-row:last-child{border-bottom:0}.lv-user{display:flex;min-width:0;align-items:center;gap:10px;color:var(--lv-text);text-decoration:none}.lv-user img{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--lv-border);border-radius:50%;object-fit:cover}.lv-user strong{overflow:hidden;color:var(--lv-accent);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.lv-type{justify-self:start;padding:4px 7px;border-radius:5px;font-size:.68rem;font-weight:700}.lv-type--member{background:color-mix(in srgb,var(--lv-green) 15%,transparent);color:var(--lv-green)}.lv-route{display:flex;min-width:0;flex-direction:column}.lv-route strong,.lv-route small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-route strong{font-size:.79rem}.lv-route small{color:var(--lv-muted);font-size:.68rem}.lv-time{color:var(--lv-muted);font-size:.75rem;white-space:nowrap}.lv-time i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--lv-green)}
.lv-empty{padding:30px 10px;color:var(--lv-muted);font-size:.8rem;text-align:center}.lv-anonymous{display:flex;align-items:center;gap:12px;margin:10px 20px 16px;padding:13px;border:1px dashed var(--lv-border);border-radius:7px}.lv-anonymous>i{font-size:1.7rem;color:var(--lv-muted)}.lv-anonymous>div{display:flex;flex-direction:column}.lv-anonymous strong{font-size:.8rem}.lv-anonymous span{color:var(--lv-muted);font-size:.7rem}.lv-recent-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:10px 20px 16px;padding:12px;border:1px solid var(--lv-border);border-radius:7px;color:var(--lv-muted);font-size:.72rem}.lv-recent-note>i{grid-row:1/3;font-size:1.5rem}.lv-recent-note a{margin:0}
.lv-privacy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:15px 20px;border-radius:8px}.lv-privacy>i{color:var(--lv-accent);font-size:1.7rem}.lv-privacy>div{display:flex;flex-direction:column}.lv-privacy strong{font-size:.84rem}.lv-privacy span{color:var(--lv-muted);font-size:.74rem}.lv-privacy a{margin:0;white-space:nowrap}
.nx-live-visitor.is-loading{opacity:.72}
@media(max-width:1100px){.lv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lv-dashboard{grid-template-columns:1fr}.lv-topline{grid-template-columns:1fr}.lv-visibility{max-width:560px}}
@media(max-width:650px){.nx-live-visitor{padding:1rem .75rem}.lv-kpis{grid-template-columns:1fr}.lv-table-head{display:none}.lv-user-row,.lv-user-list--current .lv-user-row,.lv-user-list--recent .lv-user-row{grid-template-columns:minmax(0,1fr) auto;padding:11px 0}.lv-type{justify-self:end}.lv-route{grid-column:1/2;padding-left:48px}.lv-time{grid-column:2;grid-row:2}.lv-privacy{grid-template-columns:auto 1fr}.lv-privacy a{grid-column:1/-1}.lv-panel>header{padding:15px}.lv-user-list{padding:0 15px}.lv-anonymous,.lv-recent-note{margin:10px 15px 15px}}
@media(max-width:650px){.nx-live-visitor{padding:0}.nx-live-visitor>.card-body{padding:1rem .75rem}}