.visitor-stats{min-width:0}.vs-controls{display:grid;grid-template-columns:140px minmax(150px,1fr) minmax(180px,1.4fr) auto auto;gap:10px;align-items:center;margin-bottom:22px}.vs-controls>*{min-width:0;margin:0}.vs-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.vs-metric{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid #e1e6ed;background:linear-gradient(135deg,#fff,#f3f6fa);border-radius:14px;box-shadow:0 3px 12px #152c4910}.vs-metric>span{color:#687482}.vs-metric>strong{font-size:calc(28px * var(--admin-user-font-factor,1));font-variant-numeric:tabular-nums;color:#182532}.vs-summaries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.vs-summary{padding:18px;border:1px solid #e2e7ed;border-radius:12px;background:#fff;min-width:0}.visitor-stats h2{font-size:calc(18px * var(--admin-user-font-factor,1));margin:0 0 16px}.vs-summary ol{list-style:none;padding:0;margin:0}.vs-summary li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f4}.vs-summary li:last-child{border:0}.vs-summary li span{overflow-wrap:anywhere;min-width:0}.vs-summary strong{font-variant-numeric:tabular-nums}.vs-table-wrap{overflow:auto;max-width:100%;border:1px solid #e0e6ed;border-radius:12px;background:#fff}.vs-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.vs-table-wrap th,.vs-table-wrap td{padding:13px 16px;border-bottom:1px solid #e7ebf0;vertical-align:top;overflow-wrap:anywhere;min-width:100px}.vs-table-wrap th{background:#eef2f7;color:#516071;font-weight:600}.vs-table-wrap tbody tr:nth-child(even){background:#f8fafc}.vs-table-wrap td:nth-child(3){font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums}.vs-table-wrap td:last-child{min-width:170px}.vs-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.vs-note{color:#737f8c;font-size:calc(13px * var(--admin-user-font-factor,1));line-height:1.7;margin-top:22px}@media(max-width:1100px){.vs-controls{grid-template-columns:1fr 1fr}.vs-controls input{grid-column:1/-1}.vs-controls button{width:100%}.vs-summaries{grid-template-columns:1fr 1fr}.vs-summary:last-child{grid-column:1/-1}.vs-note{font-size:calc(14px * var(--admin-user-font-factor,1))}}@media(max-width:599px){.vs-overview{gap:8px}.vs-metric{padding:14px 10px}.vs-metric>strong{font-size:calc(23px * var(--admin-user-font-factor,1))}.vs-metric>span{font-size:calc(13px * var(--admin-user-font-factor,1))}.vs-summaries{grid-template-columns:1fr}.vs-summary:last-child{grid-column:auto}.vs-pagination{justify-content:space-between}.vs-table-wrap th,.vs-table-wrap td{padding:11px 12px}}

.vs-distribution{margin:0 0 24px;border-block:1px solid #dfe5ed}.vs-distribution>summary{padding:15px 4px;cursor:pointer;color:#526172;font-weight:600}.vs-distribution[open]>.vs-summaries{margin-top:4px}

.vs-table-wrap table{table-layout:auto;min-width:700px}.vs-table-wrap td:first-child{white-space:nowrap}.vs-table-wrap td:nth-child(3){white-space:nowrap}@media(max-width:599px){.vs-table-wrap table{min-width:0}.vs-table-wrap thead{display:none}.vs-table-wrap tbody{display:block}.vs-table-wrap tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px;border-bottom:1px solid #e2e7ed}.vs-table-wrap td{display:block;min-width:0!important;padding:0;border:0;white-space:normal!important}.vs-table-wrap td:nth-child(3),.vs-table-wrap td:nth-child(4){grid-column:1/-1}.vs-table-wrap td::before{content:attr(data-label);display:block;color:#75818e;font-family:inherit;font-size:calc(12px * var(--admin-user-font-factor,1));margin-bottom:4px}.vs-table-wrap tbody tr:last-child{border-bottom:0}}

/* Province and city remain readable in phone cards and the existing 120% UI. */
.vs-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.vs-controls input{grid-column:span 2}.vs-controls select{width:100%;max-width:100%;text-overflow:ellipsis}.vs-table-wrap table{min-width:940px}.vs-table-wrap td:nth-child(3){font-family:inherit;font-variant-numeric:normal;white-space:normal}.vs-table-wrap td:nth-child(5){font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.vs-note a{color:inherit;text-decoration:underline}
@media(max-width:1100px){.vs-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-controls input{grid-column:1/-1}}
@media(max-width:599px){.vs-table-wrap table{min-width:0}.vs-table-wrap td:nth-child(3),.vs-table-wrap td:nth-child(4){grid-column:auto}.vs-table-wrap td:nth-child(5),.vs-table-wrap td:nth-child(6){grid-column:1/-1;white-space:normal;overflow-wrap:anywhere}}
