.attend-widget {
	background:#111826; color:#eaeef8; border-radius:16px; padding:12px; 
	max-width:800px; margin:0 auto; font-family:'NanumSquareNeo400',system-ui,sans-serif;
}
.attend-header { 
	display:flex; justify-content:space-between; margin-bottom:10px;  
	font-family:'NanumSquareNeo700'; font-size:18px; 
}
.btn-nav { background:#182034; color:#fff; border:1px solid #2b3242; border-radius:6px; padding:5px 8px; cursor:pointer; font-size:13px; transition:all 0.2s; }
.btn-nav:hover { background:#25314b; }
.attend-summary { font-size:13px; color:#9aa3b2; display:flex; gap:12px; margin-bottom:10px; }
.cal-head, .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); text-align:center; font-size:12px; }
.cal-head { color:#9fb2ff; margin-bottom:6px; }
.day { 
	aspect-ratio:1/0.7; border:1px solid #2b3242; 
	border-radius:8px; display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:4px; transition:background 0.2s; 
}
.day:hover { background:#1b2231; }
.today { outline:2px solid #6ea8fe; }
.dot { width:8px; height:8px; border-radius:50%; background:#36d399; margin-bottom:2px; }
.attend-info { font-size:10px; color:#36d399; text-align:center; margin-top:2px; }
.btn-attend { width:100%; background:#1e88e5; color:#fff; border:none; border-radius:8px; padding:10px; font-size:14px; margin-top:10px; cursor:pointer; }
.btn-attend:hover { background:#1976d2; }
.btn-attend:disabled { opacity:0.6; cursor:default; }
#attendance-list { margin-top:12px; font-size:12px; color:#fff; list-style:none; padding-left:0; }
#attendance-list li { margin-bottom:2px; padding:2px 6px; background:#182034; border-radius:4px; }

.attendance_t {  
	margin-bottom:20px; 
	text-align:center; color:#222; font-family:'NanumSquareNeo400'; font-size:18px; letter-spacing: 0.01em; line-height:1em; 
}
.attendance_t span { color:#1e56c7; font-family:'NanumSquareNeo700';  }

@media (max-width:600px){
	.attend-widget{padding:10px;} 
	.btn-attend{font-size:13px; padding:8px;} 
	.attend-header, .attendance_t {  font-size:14px;  }
	.attendance_t {  margin-top:20px;  margin-bottom:20px;  }
	.day { aspect-ratio:1/1; }
}