/* FILE VERSION: Aemazon-Badges-v1.0.0 */
:root{--bd-orange:#f36332;--bd-ink:#171717;--bd-muted:#777;--bd-line:#e8e8e8;--bd-soft:#f7f7f8}
.aemazon-badge-page{margin:0;background:#f5f5f6;color:var(--bd-ink);font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif}
.bd-shell{max-width:760px;margin:0 auto;padding:18px 16px calc(96px + env(safe-area-inset-bottom))}
.bd-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.bd-topline h1{margin:0;font-size:24px;letter-spacing:-.04em}.bd-topline p{margin:4px 0 0;color:#888;font-size:12px}.bd-back,.bd-setting{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;text-decoration:none;font-size:12px;font-weight:850}
.bd-summary{padding:18px;border:1px solid #e5e5e5;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.035)}.bd-summary-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bd-summary-label{font-size:12px;color:#777;font-weight:750}.bd-summary-number{margin-top:4px;font-size:29px;font-weight:950;letter-spacing:-.04em}.bd-summary-number small{font-size:15px;color:#9a9a9a}.bd-summary-copy{font-size:11px;color:#888}.bd-progress{height:6px;margin-top:13px;border-radius:99px;background:#ececec;overflow:hidden}.bd-progress>i{display:block;height:100%;border-radius:inherit;background:var(--bd-orange)}
.bd-frame-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#faf7f3;font-size:11px;color:#6f665f}.bd-frame-dot{width:13px;height:13px;border:2px solid #bbb;border-radius:50%}.bd-frame-dot.gold{border-color:#d6a500;box-shadow:0 0 0 2px #fff1a6}.bd-frame-dot.silver{border-color:#aeb5bf;box-shadow:0 0 0 2px #e8ebef}.bd-frame-dot.bronze{border-color:#b96a37;box-shadow:0 0 0 2px #efd0b9}
.bd-filter{display:flex;gap:7px;margin:16px -16px 0;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}.bd-filter::-webkit-scrollbar{display:none}.bd-filter button{flex:0 0 auto;height:34px;padding:0 13px;border:1px solid #e4e4e4;border-radius:999px;background:#fff;color:#606060;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.bd-filter button.is-active{border-color:var(--bd-orange);background:var(--bd-orange);color:#fff}
.bd-section{margin-top:23px}.bd-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bd-section-head h2{margin:0;font-size:16px}.bd-section-head span{color:#999;font-size:11px}.bd-list{display:grid;gap:9px}.bd-card{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:12px;border:1px solid var(--bd-line);border-radius:15px;background:#fff;color:inherit;text-decoration:none}.bd-card.is-locked{background:#fbfbfb}.bd-card.is-hidden{display:none}.bd-card-copy{min-width:0}.bd-card-copy strong{display:flex;align-items:center;gap:6px;font-size:14px}.bd-card-copy p{margin:3px 0 0;color:#7f7f7f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-card-copy .bd-progress{height:4px;margin-top:8px}.bd-chevron{font-size:22px;color:#aaa}.bd-state{display:inline-flex;height:18px;align-items:center;padding:0 6px;border-radius:999px;background:#fff0e9;color:#e95b1b;font-size:8px;font-weight:950}.bd-state.locked{background:#ededed;color:#888}
.bd-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:2px solid #c7c7c7;border-radius:50%;background:linear-gradient(145deg,#fff,#ececec);color:#5d5d5d;box-shadow:inset 0 0 0 3px #fff,0 2px 7px rgba(0,0,0,.08);overflow:hidden;font-size:21px;font-weight:950}.bd-icon img{width:31px;height:31px;object-fit:contain}.bd-icon[data-icon="official"]{border-color:#ff7444;color:#ef5b24}.bd-icon[data-icon="vehicle"]{border-color:#b8bec8}.bd-icon[data-icon="cafe"]{border-color:#9b6a36;color:#8a5423;background:#fff8ef}.bd-icon[data-icon="spotter"]{border-color:#397fd4;color:#2872ca;background:#f0f7ff}.bd-icon[data-icon="drive"]{border-color:#eb612e;color:#e8521c;background:#fff4ef}.bd-icon[data-icon="ghost"]{border-color:#7451e7;color:#6c47df;background:#f4f1ff}.bd-icon[data-icon="activity"]{border-color:#f36b2f;color:#ee571e;background:#fff1e9}.bd-icon[data-icon="custom"]{border-color:#d6a426;color:#a87800;background:#fff8d8}.bd-icon[data-icon="cafe"]:before{content:"☕"}.bd-icon[data-icon="spotter"]:before{content:"◎"}.bd-icon[data-icon="drive"]:before{content:"⌁"}.bd-icon[data-icon="ghost"]:before{content:"♟"}.bd-icon[data-icon="activity"]:before{content:"◆"}.bd-icon[data-icon="custom"]:before{content:"★"}.bd-icon img~:before,.bd-icon:has(img):before{display:none}
.bd-empty{padding:32px 12px;border:1px dashed #ddd;border-radius:15px;background:#fff;text-align:center;color:#999;font-size:12px}
.bd-detail{max-width:620px;margin:0 auto;padding:24px 16px calc(104px + env(safe-area-inset-bottom))}.bd-detail-card{padding:26px 20px;border:1px solid #e5e5e5;border-radius:22px;background:#fff;text-align:center}.bd-detail-icon{width:116px;height:116px;margin:0 auto;font-size:50px;border-width:4px;box-shadow:inset 0 0 0 6px #fff,0 10px 28px rgba(0,0,0,.11)}.bd-detail-icon img{width:76px;height:76px}.bd-detail-status{display:inline-flex;margin-top:13px;padding:5px 9px;border-radius:999px;background:#fff0e9;color:#e85a1d;font-size:10px;font-weight:900}.bd-detail-status.locked{background:#eee;color:#777}.bd-detail h1{margin:10px 0 5px;font-size:27px;letter-spacing:-.045em}.bd-detail-lead{margin:0;color:#727272;font-size:13px;line-height:1.55}.bd-detail-panel{margin-top:13px;padding:16px;border:1px solid #e8e8e8;border-radius:16px;background:#fff;text-align:left}.bd-detail-panel h2{margin:0 0 11px;font-size:14px}.bd-condition{display:flex;align-items:flex-start;gap:9px}.bd-condition i{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#eee;color:#888;font-style:normal;font-size:11px;font-weight:900}.bd-condition.is-done i{background:var(--bd-orange);color:#fff}.bd-condition strong{display:block;font-size:13px}.bd-condition span{display:block;margin-top:3px;color:#888;font-size:11px}.bd-detail-progress-label{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px}.bd-detail-tip{margin:0;color:#696969;font-size:12px;line-height:1.65}.bd-sticky-action{position:fixed;left:50%;bottom:calc(15px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 32px),588px);transform:translateX(-50%)}.bd-primary{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:14px;background:var(--bd-orange);color:#fff;text-decoration:none;font-size:15px;font-weight:950;box-shadow:0 8px 20px rgba(243,99,50,.24)}
.bd-select-copy{margin:4px 0 0;color:#777;font-size:12px}.bd-selected{display:grid;gap:8px;margin-top:15px;padding:14px;border:1px solid #e5e5e5;border-radius:17px;background:#fff}.bd-selected-head{display:flex;justify-content:space-between;align-items:center}.bd-selected-head strong{font-size:14px}.bd-selected-head span{font-size:11px;color:#777}.bd-selected-row{display:grid;grid-template-columns:30px minmax(0,1fr) 32px 32px;align-items:center;gap:8px;padding:9px;border:1px solid #f0a083;border-radius:11px;background:#fff}.bd-selected-row[draggable="true"]{cursor:grab}.bd-mini-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3f3f3;overflow:hidden;font-size:13px;font-weight:900}.bd-mini-icon img{width:21px;height:21px;object-fit:contain}.bd-selected-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-order,.bd-remove{height:30px;border:0;border-radius:8px;background:#f3f3f3;color:#777;cursor:pointer}.bd-remove{font-size:17px}.bd-owned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.bd-choice{position:relative;display:flex;min-width:0;min-height:126px;padding:12px 6px 9px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;align-items:center;flex-direction:column;gap:7px;font:inherit;cursor:pointer}.bd-choice.is-selected{border:2px solid var(--bd-orange);padding:11px 5px 8px}.bd-choice .bd-icon{width:50px;height:50px;flex-basis:50px}.bd-choice strong{max-width:100%;font-size:10px;line-height:1.35;text-align:center;overflow:hidden}.bd-choice-check{position:absolute;right:6px;top:6px;display:none;width:20px;height:20px;border-radius:50%;background:var(--bd-orange);color:#fff;font-size:11px;font-weight:950;place-items:center}.bd-choice.is-selected .bd-choice-check{display:grid}.bd-save{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));margin-top:18px;padding-top:9px;background:linear-gradient(transparent,#f5f5f6 30%)}.bd-error{margin-top:12px;padding:11px;border-radius:11px;background:#fff0ef;color:#ac3028;font-size:12px;font-weight:750}
@media(max-width:520px){.bd-shell{padding-left:13px;padding-right:13px}.bd-owned-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-card{grid-template-columns:48px minmax(0,1fr) 16px}.bd-icon{width:43px;height:43px;flex-basis:43px}.bd-topline h1{font-size:21px}}

/* 닉네임 옆 대표 뱃지: 기존 차량 인증 크기를 그대로 유지한다. */
.user-badge-group{display:inline-flex;align-items:center;gap:4px;margin-left:5px;vertical-align:middle;white-space:nowrap}.user-badge-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;padding:0;border:0;border-radius:50%;background:#fff;overflow:hidden;line-height:1;color:#ef5c22;text-decoration:none}.user-badge-mark img{display:block;width:20px;height:20px;object-fit:contain}.user-badge-mark[data-icon="cafe"]:before{content:"☕"}.user-badge-mark[data-icon="spotter"]:before{content:"◎"}.user-badge-mark[data-icon="drive"]:before{content:"⌁"}.user-badge-mark[data-icon="ghost"]:before{content:"♟"}.user-badge-mark[data-icon="activity"]:before{content:"◆"}.user-badge-mark[data-icon="custom"]:before{content:"★"}.user-badge-more{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border:1px solid #e2e2e2;border-radius:999px;background:#f4f4f4;color:#777;text-decoration:none;font-size:9px;font-weight:900}.post-list-v3 #postList>article.card .user-badge-mark,.post-list-v3 #postList>article.card .user-badge-more{width:18px;height:18px;min-width:18px;flex-basis:18px}.post-list-v3 #postList>article.card .user-badge-mark img{width:17px;height:17px}.post-list-v3 #postList>article.card .user-badge-group{gap:3px;margin-left:4px}.legacy-badges-replaced{display:none!important}

/* 관리자 지정 프로필 프레임: 레이아웃 크기 변화 없이 outline만 사용한다. */
.aemazon-profile-frame{outline:2px solid transparent;outline-offset:2px}.aemazon-profile-frame--gold{outline-color:#d6a600;box-shadow:0 0 0 4px rgba(255,221,82,.24)}.aemazon-profile-frame--silver{outline-color:#aeb5bf;box-shadow:0 0 0 4px rgba(188,197,207,.22)}.aemazon-profile-frame--bronze{outline-color:#b96a37;box-shadow:0 0 0 4px rgba(190,112,61,.21)}

/* 아이콘 이미지가 있으면 문자 폴백을 숨긴다. 구형 WebView에서도 :has 없이 동작한다. */
.bd-icon.has-image:before,.user-badge-mark.has-image:before{display:none!important}
.bd-icon img{position:absolute;z-index:1;border-radius:50%;background:#fff}