﻿/* 1️⃣ 버튼 너비 설정 (기준) */
#startBtn {
    display: inline-block;
    width: 220px; /* 원하는 버튼 너비로 조정 가능 */
    padding: 0.7rem 1rem;
    font-size: 1.1rem;
    border-radius: 10px;
    background: #6a1b9a;
    color: white;
    border: none;
    box-shadow: 0 4px 10px rgba(106,27,154,0.3);
    margin-bottom: 0 !important;
}

/* 2️⃣ 하단 안내박스 너비를 버튼 너비에 맞추기 */
#scanOverlay {
    width: 100%; /* 버튼과 동일한 너비로 설정 */
    margin: 1rem auto 0 auto;
}

.scan-overlay-text {
    display: block; /* 줄바꿈 없이 전체 폭 사용 */
    width: 100%;
    box-sizing: border-box; /* 패딩 포함해 100% 맞춤 */
    background-color: #6a1b9a;
    color: #fff;
    padding: 0.6rem 1rem; /* 버튼과 비슷한 패딩 */
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(106,27,154,0.25);
    text-align: center;
    white-space: nowrap; /* 한 줄 고정 */
    word-break: keep-all; /* 한글 임의 줄바꿈 방지 */
    overflow: hidden; /* 넘침 숨김 */
    text-overflow: ellipsis; /* … 처리 */
}
