/* 섹션1: 응모 여부 조회 */
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid #fafbfc;padding:8px 10px;text-align:left}
.table th{color:#b7c5dd;font-weight:700}
.status-pill{padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;background:#fafbfc;font-size:12px}
.ok{color:#22c55e;border-color:#1f3b2b}
.no{color:#f97316;border-color:#3a2415}
.win{color:#60a5fa;border-color:#1a2c45}

/* 섹션2: 상품 카드 */
.prize{display:grid;grid-template-rows:120px auto;gap:8px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e1624}
.prize .thumb{height:120px;background:#0c121d;display:grid;place-items:center}
.prize .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.prize .meta{padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.stock{font-size:12px;color:var(--muted)}
.stock strong{color:#e5f0ff}

/* 섹션3: 후기 그리드 */
.rev{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0e1624}
.rev .thumb{aspect-ratio:1/1;background:#0c121d}
.rev .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rev .body{padding:8px 10px}
.rev .meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}

/* 모달 */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal.show{display:flex}
.dialog{max-width:900px;width:100%;background:#0f172a;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dialog header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.dialog .content{max-height:min(80vh,1000px);overflow:auto}
.dialog img{width:100%;height:auto;display:block}

.pager{
margin-top:10px; display:flex; align-items:center; justify-content:center; gap:10px;
}
.pager .btn[disabled]{opacity:.5; cursor:not-allowed}


/* 카드/표/배지 톤 업 */
.card{ background:var(--panel); border:1px solid var(--line); box-shadow:0 1px 8px rgba(0,0,0,.04); }
.pill{ background:#fff; border:1px solid var(--line); color:#475467; }
.badge{ background:#fff; border:1px solid var(--line); color:#475467; }

/* 표 가독성(라이트) */
.table th{ color:#111827; background:#fbfdff; }
.table th,.table td{ border-bottom:1px solid var(--line); }
.table tr:nth-child(even) td{ background:#fcfcfd; }

/* 상태 Pill 색상(라이트 대비) */
.status-pill{ background:#fff; border:1px solid var(--line); }
.status-pill.ok{     color:#16a34a; border-color:#c7f2d8; background:#ecfdf5; }
.status-pill.no{     color:#ea580c; border-color:#fde6d6; background:#fff7ed; }
.status-pill.win{    color:#2563eb; border-color:#dbeafe; background:#eff6ff; }

/* 썸네일/프라이즈/리뷰 카드 */
.prize{ background:#fff; border:1px solid var(--line); }
.prize .thumb{ background:#fafafa; }
.rev{ background:#fff; border:1px solid var(--line); }
.rev .thumb{ background:#fafafa; }

/* 모달(라이트) */
.modal{ background:rgba(0,0,0,.35); }
.dialog{ background:#fff; border:1px solid var(--line); color:var(--ink); }
.dialog header{ border-bottom:1px solid var(--line); }
.dialog .content{ background:#fff; }

/* 버튼(라이트) */
.btn{ background:#fff; color:#0c1220; border:1px solid var(--line); }
.btn.primary{ background:#0f172a0d; } /* 아주 연한 남청 톤 */
.btn:active{ transform:translateY(1px); }

/* 휠/마퀴 */
.wheel{ background:#f5f7fb; color:#475467; border:1px dashed #d4dbe7; }
marquee{ color:#667085; }

/* 헤더 네비/링크 대비 */
a{ color:#0c1220; }
a.pill{ color:#0c1220; }

/* 푸터 톤 */
footer{ color:#667085; }

/* 검색창 + 필터 */
input[type="search"],
select{
background:transparent !important;
border:1px solid var(--line);
color:var(--ink);
box-shadow:none;
transition:border-color .2s, box-shadow .2s;
border-radius:10px;
}
input[type="search"]::placeholder{ color:#9ca3af; }
input[type="search"]:focus,
select:focus{
outline:none;
border-color:var(--accent);
box-shadow:0 0 0 3px rgba(97,214,194,.25);
}

/* 셀렉트 화살표 (라이트) */
select{
appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23667085' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 10px center;
background-size:10px 6px;
padding-right:28px;
}

/* 버튼 통일감 */
.btn{
background:#fff;
color:#0c1220;
border:1px solid var(--line);
transition:box-shadow .2s, border-color .2s, transform .02s;
}
.btn:hover{ border-color:#cbd5e1; box-shadow:0 1px 6px rgba(0,0,0,.06); }
.btn:active{ transform:translateY(1px); }
.btn[disabled]{ opacity:.5; cursor:not-allowed; box-shadow:none; }

/* 테이블 가독성 업 */
.table th{ color:#111827; background:#fbfdff; }
.table th,.table td{ border-bottom:1px solid var(--line); }
.table tr:nth-child(even) td{ background:#fcfcfd; }
.table tr:hover td{ background:#f7fafc; } /* 행 hover */

/* 상태 pill 라이트 톤 */
.status-pill{ background:#fff; border:1px solid var(--line); }
.status-pill.ok{  color:#16a34a; border-color:#c7f2d8; background:#ecfdf5; }
.status-pill.no{  color:#ea580c; border-color:#fde6d6; background:#fff7ed; }
.status-pill.win{ color:#2563eb; border-color:#dbeafe; background:#eff6ff; }

/* 카드/모달 살짝 그림자 */
.card{ background:var(--panel); border:1px solid var(--line); box-shadow:0 1px 8px rgba(0,0,0,.04); }
.dialog{ background:#fff; border:1px solid var(--line); box-shadow:0 10px 30px rgba(0,0,0,.12); }