/* web-visit : "방문자 통계" side widget — white card matching the side section.
   Current-online row gets a green accent; the 2x2 grid shows daily totals. */

.web-visit {
	background:#fff; /* white card — stands out on the tinted page (--web-background) */
	border:1px solid #e5e7eb;
	border-radius:12px;
	padding:1.1rem 1.1rem 1.2rem;
	box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.web-visit .wv-title {
	margin:0 0 .9rem;
	font-size:16px;
	font-weight:800;
	color:var(--web-primary-foreground);
}

/* --- 현재 접속자 (highlighted, green) --- */
.web-visit .wv-now {
	display:flex; align-items:center; justify-content:space-between;
	background:#fff;
	border:1px solid color-mix(in srgb, var(--web-primary) 50%, transparent);
	border-radius:10px;
	padding:.7rem .9rem;
	margin-bottom:.8rem;
}
.web-visit .wv-now-label {
	display:flex; align-items:center;
	color:#495057; font-weight:600;   /* size from .f-sm */
}
.web-visit .wv-dot {
	width:8px; height:8px; margin-right:.5rem;
	border-radius:50%;
	background:var(--web-primary);
	box-shadow:0 0 0 3px color-mix(in srgb, var(--web-primary) 15%, transparent);
}
.web-visit .wv-now-num { color:var(--web-primary-hover); font-weight:800; line-height:1; } /* size from .f-sm */

/* --- 2x2 grid (오늘/어제/최대/전체) --- */
.web-visit .wv-grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:.6rem;
}
.web-visit .wv-cell {
	background:#fff;
	border:1px solid #e5e7eb;
	border-radius:10px;
	padding:.7rem .8rem;
}
.web-visit .wv-cell-label { color:#5c636d; margin-bottom:.2rem; } /* darker · size from .f-sm */
.web-visit .wv-cell-num { color:var(--web-primary-foreground); font-weight:800; line-height:1.1; } /* size from .f-sm */