/* Tailwind(CDN)로 대부분 처리. 여기는 보완용 스타일만. */

/* 스크롤바 (라이트) */
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #d8dee9; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #c2cad6; background-clip: padding-box; }
*::-webkit-scrollbar-track { background: transparent; }

/* 선택된 로봇/로그 항목 강조 (JS가 .is-selected 토글) */
.is-selected {
  background: #eff6ff !important;          /* brand-50 (blue) */
  box-shadow: inset 0 0 0 1px #93c5fd;      /* blue-300 */
}

/* 항목 진입 트랜지션 */
.list-item { transition: background-color .12s ease, box-shadow .12s ease; }

/* 로그인 페이지: 허니컴(육각형) 패턴 배경 + 부드러운 블루 글로우 */
.login-bg {
  background-color: #f8fafc;
  background-image:
    radial-gradient(900px 480px at 50% -10%, #eff6ff 0%, rgba(239, 246, 255, 0) 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23dbe4f0' fill-opacity='0.6'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.97v11.06l11 6.35 11-6.35V17.97l-11-6.35-11 6.35z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 44px 77px;
}