.visitor-details{max-width:1220px;margin:auto;--vs-blue:#005a9c;--vs-muted:#54616a;--vs-line:#dcd8ce;--vs-ink:#12262f}.vs-heading,.vs-panel-head,.vs-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.vs-heading h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.3;margin:10px 0}.vs-heading p{max-width:670px}.vs-live{font-size:.75rem;color:#236249;white-space:nowrap;background:#e8f2e9;border-radius:20px;padding:8px 12px}.vs-toolbar,.vs-custom,.vs-table-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.vs-toolbar{padding:20px;background:#f4eedf;border:1px solid var(--vs-line);border-radius:12px;margin:28px 0 14px}.visitor-details label{font-size:.78rem;color:var(--vs-muted);display:flex;flex-direction:column;gap:7px}.visitor-details select,.visitor-details input,.visitor-details button{min-height:44px;border:1px solid #b7b9b2;background:#fffdf8;border-radius:7px;padding:9px 12px;font:inherit;color:var(--vs-ink);max-width:100%}.visitor-details button{font-size:.8rem;cursor:pointer;font-weight:700}.visitor-details button.vs-primary{background:var(--vs-blue);color:white;border-color:var(--vs-blue)}.visitor-details button:disabled{opacity:.45;cursor:default}.visitor-details :focus-visible{outline:3px solid #da982c;outline-offset:3px}.vs-toolbar #vs-export{margin-left:auto}.vs-range{font-weight:700;font-size:.9rem;margin:16px 0}.vs-notice{font-size:.8rem;line-height:1.8;padding:12px 16px;background:#f9f0d9;border-left:3px solid #c68d30;border-radius:4px}.visitor-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.visitor-four article{border:1px solid var(--vs-line);background:#fffdf7;padding:20px;border-radius:10px;min-width:0}.visitor-four span,.visitor-four small{font-size:.76rem;color:var(--vs-muted);display:block;line-height:1.65}.visitor-four strong{display:block;font-size:2rem;font-weight:900;color:var(--vs-blue);margin:10px 0;line-height:1.3;font-variant-numeric:tabular-nums}.visitor-four small{font-size:.7rem}.vs-note{font-size:.76rem;line-height:1.85;color:var(--vs-muted);margin:12px 0;overflow-wrap:anywhere}.vs-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.vs-panels>article,.vs-cross{padding:24px;border:1px solid var(--vs-line);border-radius:12px;background:#fffdf7;min-width:0}.vs-panels h2,.vs-cross h2,.vs-section-head h2{font-size:1.15rem;line-height:1.5;margin:0 0 12px;color:var(--vs-ink)}.vs-wide{grid-column:1/-1}.vs-panel-head .vs-note{margin:0 0 16px}.vs-panel-head label{min-width:160px}.vs-key{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 10px 0 3px}.vs-key.views{background:#005a9c}.vs-key.visitors{background:#bd7932}.vs-trend{width:100%;min-height:245px}.vs-trend svg{display:block;width:100%;height:auto;max-height:330px;overflow:visible}.vs-trend text{font:12px system-ui,sans-serif;fill:#54616a}.vs-trend .vs-grid{stroke:#e7e4dc;stroke-width:1}.vs-section-head{margin-top:34px}.vs-table-controls{margin:16px 0}.vs-table-controls label:first-child{flex:1}.vs-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 0 3px;font-size:.82rem;color:var(--vs-ink)}.vs-row span{overflow-wrap:anywhere;min-width:0}.vs-row b{white-space:nowrap;font-variant-numeric:tabular-nums}.vs-meta{font-size:.72rem;line-height:1.7;color:var(--vs-muted);overflow-wrap:anywhere}.vs-bar{height:5px;background:#ede9df;border-radius:5px;margin:7px 0 12px}.vs-bar i{display:block;height:100%;background:var(--vs-blue);border-radius:5px}.vs-list{max-height:360px;overflow-y:auto;padding-right:5px;overscroll-behavior:contain}.vs-empty{font-size:.82rem;line-height:1.8;color:var(--vs-muted);padding:24px 0}.vs-hours{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.vs-hour{background:#eee9df;border-radius:6px;padding:10px 3px;text-align:center;line-height:1.7;font-size:.69rem;color:var(--vs-ink);border:1px solid #e0ddd4}.vs-hour b{display:block;font-size:.85rem}.visitor-details details{margin-top:18px}.visitor-details summary{font-size:.85rem;font-weight:700;cursor:pointer;line-height:1.8;padding:8px 0;min-height:44px}.vs-more,.vs-definitions{border:1px solid var(--vs-line);padding:12px 20px;border-radius:10px}.vs-more>.vs-panels{margin:16px 0}.vs-cross{margin-top:24px}.vs-definitions{font-size:.78rem;line-height:1.9;color:var(--vs-muted);background:#f4eedf}.vs-definitions li{margin-bottom:9px}.vs-table-wrap{overflow-x:auto}.vs-table-wrap table{border-collapse:collapse;width:100%;min-width:300px;font-size:.78rem}.vs-table-wrap th,.vs-table-wrap td{text-align:right;border-bottom:1px solid var(--vs-line);padding:10px 8px;white-space:nowrap}.vs-table-wrap th:first-child,.vs-table-wrap td:first-child{text-align:left}.visitor-details [hidden]{display:none!important}.vs-error{color:#9b3326!important}.vs-up{color:#236249!important}.vs-down{color:#9b3326!important}
@media(max-width:760px){.visitor-details.section{padding:28px 16px}.vs-heading{display:block}.vs-live{display:inline-block;margin-top:6px}.vs-toolbar{gap:10px;padding:14px;margin-top:20px}.vs-toolbar>label{flex:1}.vs-toolbar #vs-export{margin-left:0;flex-basis:100%}.vs-custom{width:100%;gap:8px}.vs-custom label{width:calc(50% - 4px);min-width:0}.vs-custom input{width:100%;min-width:0}.visitor-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visitor-four article{padding:14px 12px}.visitor-four strong{font-size:1.65rem}.visitor-four span{font-size:.7rem}.visitor-four small{font-size:.65rem}.vs-panels{grid-template-columns:1fr;gap:14px}.vs-panels>article,.vs-cross{padding:18px 14px}.vs-panel-head,.vs-section-head{flex-direction:column;gap:8px}.vs-panel-head label,.vs-section-head label{width:100%;min-width:0}.vs-trend{min-height:170px;margin-top:18px}.vs-trend svg{min-height:160px}.vs-table-controls{align-items:stretch;gap:10px}.vs-table-controls label{width:100%}.vs-list{max-height:320px}.vs-more,.vs-definitions{padding:10px 14px}.vs-row{font-size:.78rem}.vs-note{font-size:.72rem}.vs-heading p{font-size:.85rem;line-height:1.8}.visitor-details h2{font-size:1.05rem}.visitor-details .vs-section-head{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.visitor-details *{scroll-behavior:auto}}