/* Results 페이지 전용 스타일 */

/* 탭 */
.inner-tabs { display:flex; gap:4px; margin-bottom:12px; }
.inner-tab-btn {
    padding:10px 24px; border:none; border-radius:8px 8px 0 0;
    background:#1a1a2e; color:#aaa; cursor:pointer; font-size:14px; font-weight:600;
    transition:all .2s;
}
.inner-tab-btn.active { background:linear-gradient(135deg,#c9a84c,#f1d98a); color:#1a1a2e; }
.inner-tab-btn:hover:not(.active) { color:#f1d98a; }
.inner-tab-content { display:none; }
.inner-tab-content.active { display:block; }

/* 검색 바 */
.search-bar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.search-bar label { color:#d4af37; font-weight:700; font-size:14px; white-space:nowrap; }
.search-bar input {
    background:#1a1a2e; border:1px solid #333; color:#fff; padding:8px 12px;
    border-radius:6px; width:140px; font-size:14px;
}
.search-bar input:focus { border-color:#d4af37; outline:none; }
.search-bar button {
    background:linear-gradient(135deg,#d4af37,#aa8a2e); color:#000; border:none;
    padding:8px 16px; border-radius:6px; font-weight:700; cursor:pointer; font-size:13px;
}
.search-bar button:hover { filter:brightness(1.15); }
#btnLatest { background:linear-gradient(135deg,#555,#333); color:#fff; }
.status-msg { color:#ff6b6b; font-size:12px; }

/* 최신 당첨번호 메인 영역 */
.latest-draw-container { text-align:center; padding:10px 0; }
.draw-date { color:#aaa; font-size:14px; margin-bottom:12px; }
.draw-date strong { color:#d4af37; }

/* 로또 볼 */
.balls-row { display:flex; justify-content:center; align-items:center; gap:10px; margin:16px 0; flex-wrap:wrap; }
.lotto-ball {
    width:52px; height:52px; border-radius:50%; display:inline-flex;
    align-items:center; justify-content:center; font-size:20px; font-weight:800;
    color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5);
    box-shadow:inset 0 -3px 6px rgba(0,0,0,.3), inset 0 3px 6px rgba(255,255,255,.2), 0 2px 8px rgba(0,0,0,.4);
    position:relative; animation:ballDrop .5s ease-out both;
}
.lotto-ball::after {
    content:''; position:absolute; top:6px; left:12px; width:18px; height:10px;
    background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent); border-radius:50%;
}
.ball-y { background:linear-gradient(145deg,#FBC400,#e5a800); }
.ball-b { background:linear-gradient(145deg,#69C8F2,#3ba8d8); }
.ball-r { background:linear-gradient(145deg,#FF7272,#e04545); }
.ball-g { background:linear-gradient(145deg,#AAAAAA,#888); }
.ball-gr { background:linear-gradient(145deg,#B0D840,#8abf20); }
.ball-bonus {
    width:52px; height:52px; border-radius:50%; display:inline-flex;
    align-items:center; justify-content:center; font-size:20px; font-weight:800;
    color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.5);
    box-shadow:inset 0 -3px 6px rgba(0,0,0,.3), inset 0 3px 6px rgba(255,255,255,.2), 0 0 12px rgba(212,175,55,.5);
    border:2px solid #d4af37; position:relative;
}
.ball-bonus::after {
    content:''; position:absolute; top:6px; left:12px; width:18px; height:10px;
    background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent); border-radius:50%;
}
.ball-plus { color:#d4af37; font-size:24px; font-weight:700; margin:0 4px; }

@keyframes ballDrop {
    from { transform:translateY(-20px); opacity:0; }
    to { transform:translateY(0); opacity:1; }
}
.lotto-ball:nth-child(1){animation-delay:.05s}
.lotto-ball:nth-child(2){animation-delay:.1s}
.lotto-ball:nth-child(3){animation-delay:.15s}
.lotto-ball:nth-child(4){animation-delay:.2s}
.lotto-ball:nth-child(5){animation-delay:.25s}
.lotto-ball:nth-child(6){animation-delay:.3s}

/* 당첨금 정보 */
.prize-info { display:flex; justify-content:center; gap:20px; margin-top:16px; flex-wrap:wrap; }
.prize-box {
    background:#1a1a2e; border:1px solid #333; border-radius:8px; padding:12px 20px;
    text-align:center; min-width:180px;
}
.prize-box.first { border-color:#d4af37; }
.prize-label { font-size:12px; color:#888; margin-bottom:4px; }
.prize-amount { font-size:16px; font-weight:700; color:#d4af37; }
.prize-winner { font-size:11px; color:#aaa; margin-top:2px; }
.prize-total { font-size:14px; color:#ccc; }

/* 최근 당첨번호 테이블 */
.recent-draws-table { overflow-x:auto; }
.draw-row {
    display:flex; align-items:center; padding:10px 16px; border-bottom:1px solid #1a1a2e;
    gap:12px; transition:background .2s; cursor:pointer;
}
.draw-row:hover { background:#1a1a2e; }
.draw-row .drw-no {
    min-width:70px; font-weight:700; color:#d4af37; font-size:14px; white-space:nowrap;
}
.draw-row .drw-date { min-width:90px; color:#888; font-size:12px; white-space:nowrap; }
.draw-row .drw-balls { display:flex; align-items:center; gap:5px; flex-wrap:nowrap; }
.draw-row .lotto-ball {
    width:32px; height:32px; font-size:13px; font-weight:700; animation:none;
}
.draw-row .lotto-ball::after { top:4px; left:8px; width:12px; height:6px; }
.draw-row .ball-bonus { width:32px; height:32px; font-size:13px; font-weight:700; }
.draw-row .ball-bonus::after { top:4px; left:8px; width:12px; height:6px; }
.draw-row .ball-plus { font-size:16px; }
.draw-row .drw-prize { min-width:120px; text-align:right; font-size:12px; color:#aaa; white-space:nowrap; }

/* 로딩 */
.loading-spinner { text-align:center; padding:40px; color:#888; font-size:16px; }

/* 에러 메시지 */
.error-msg { text-align:center; padding:30px; color:#ff6b6b; }
.error-msg button {
    margin-top:10px; background:#d4af37; color:#000; border:none;
    padding:8px 20px; border-radius:6px; cursor:pointer; font-weight:700;
}

/* 소형 버튼 */
.btn-small {
    background:linear-gradient(135deg,#d4af37,#aa8a2e); color:#000; border:none;
    padding:5px 14px; border-radius:4px; font-size:12px; font-weight:700; cursor:pointer;
}
.btn-small:hover { filter:brightness(1.15); }

/* 반응형 */
@media(max-width:768px) {
    .lotto-ball { width:42px; height:42px; font-size:17px; }
    .ball-bonus { width:42px; height:42px; font-size:17px; }
    .prize-info { flex-direction:column; align-items:center; }
    .draw-row { flex-wrap:wrap; gap:8px; }
    .draw-row .drw-prize { min-width:auto; }
}