/* 수료증·응원상·표창장 — js/award-certificates.js (회원 팝업·미리보기 + 조장·총괄 카드) */
.award-overlay { position:fixed; inset:0; background:rgba(0,0,0,.5); display:flex; align-items:center; justify-content:center; z-index:1001; padding:16px; }
.award-modal { background:#fffdf8; border-radius:18px; max-width:360px; width:100%; padding:28px 22px 14px; text-align:center; box-shadow:0 12px 40px rgba(0,0,0,.25); border-top:6px solid #b8954f; }
.award-hero { font-size:44px; line-height:1; margin-bottom:10px; }
.award-title { font-size:19px; font-weight:800; color:#1d2f55; margin:0 0 8px; line-height:1.4; word-break:keep-all; }
.award-desc { font-size:14px; color:#555; line-height:1.6; margin:0 0 18px; word-break:keep-all; }
.award-btn-primary { display:block; width:100%; background:#1d2f55; color:#fff; border:none; border-radius:10px; padding:13px; font-size:15px; font-weight:700; cursor:pointer; }
.award-btn-text { display:block; width:100%; background:none; border:none; color:#888; padding:12px; font-size:14px; cursor:pointer; }

.award-viewer { background:#fff; border-radius:14px; width:100%; max-width:440px; max-height:calc(100dvh - 32px); display:flex; flex-direction:column; padding:12px; box-sizing:border-box; }
.award-viewer-img { display:block; width:100%; height:auto; min-height:0; flex:1 1 auto; object-fit:contain; border-radius:6px; -webkit-touch-callout:default; }
.award-viewer-hint { font-size:12px; color:#888; text-align:center; margin:8px 0 6px; }
.award-viewer-actions { display:flex; gap:8px; }
.award-viewer-actions .award-btn-primary { flex:1; }
.award-viewer-actions .award-btn-text { width:auto; flex:0 0 auto; padding:12px 16px; }

/* 조장·총괄 카드 */
.award-card { border:1px solid #e6dcc6; background:#fffcf5; border-radius:12px; padding:14px 16px; margin-bottom:14px; }
.award-card-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin-bottom:8px; }
.award-card-title { font-weight:700; font-size:15px; }
.award-card-sub { font-size:13px; color:#8a6a2e; }
.award-card-text { font-size:14px; margin:0 0 10px; line-height:1.5; word-break:keep-all; }
.award-card-note { font-size:12px; color:#777; margin:8px 0 0; line-height:1.5; word-break:keep-all; }
.award-table { margin-top:10px; }
