@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-co8p4orurk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-co8p4orurk] {
    flex: 1;
}

.sidebar[b-co8p4orurk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-co8p4orurk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-co8p4orurk]  a, .top-row[b-co8p4orurk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-co8p4orurk]  a:hover, .top-row[b-co8p4orurk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-co8p4orurk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-co8p4orurk] {
        justify-content: space-between;
    }

    .top-row[b-co8p4orurk]  a, .top-row[b-co8p4orurk]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-co8p4orurk] {
        flex-direction: row;
    }

    .sidebar[b-co8p4orurk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-co8p4orurk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-co8p4orurk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-co8p4orurk], article[b-co8p4orurk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-co8p4orurk] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-co8p4orurk] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout_Partner.razor.rz.scp.css */
.page[b-7hhx35kddy] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7hhx35kddy] {
    flex: 1;
}
.sidebar[b-7hhx35kddy] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-7hhx35kddy] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-7hhx35kddy]  a, .top-row[b-7hhx35kddy]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-7hhx35kddy]  a:hover, .top-row[b-7hhx35kddy]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-7hhx35kddy]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-7hhx35kddy] {
        justify-content: space-between;
    }

    .top-row[b-7hhx35kddy]  a, .top-row[b-7hhx35kddy]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-7hhx35kddy] {
        flex-direction: row;
    }

    .sidebar[b-7hhx35kddy] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-7hhx35kddy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7hhx35kddy]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7hhx35kddy], article[b-7hhx35kddy] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-7hhx35kddy] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7hhx35kddy] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout_Popup.razor.rz.scp.css */
.page[b-u8ihkx3q9l] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-u8ihkx3q9l] {
    flex: 1;
}

.sidebar[b-u8ihkx3q9l] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-u8ihkx3q9l] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-u8ihkx3q9l]  a, .top-row[b-u8ihkx3q9l]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-u8ihkx3q9l]  a:hover, .top-row[b-u8ihkx3q9l]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-u8ihkx3q9l]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-u8ihkx3q9l] {
        justify-content: space-between;
    }

    .top-row[b-u8ihkx3q9l]  a, .top-row[b-u8ihkx3q9l]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-u8ihkx3q9l] {
        flex-direction: row;
    }

    .sidebar[b-u8ihkx3q9l] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-u8ihkx3q9l] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-u8ihkx3q9l]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-u8ihkx3q9l], article[b-u8ihkx3q9l] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-u8ihkx3q9l] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-u8ihkx3q9l] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Cs/Mypage.razor.rz.scp.css */
/* MYPAGE(2026-11-02) · 디자이너 시안 Mypage.razor.css 원본 + 최근 활동 목록(고객센터·게시글·포인트) 보강분(파일 끝). */
/* 2026-11-02 지시 · 좌우 배경 맞춤 = 본문 판 배경 없음(바깥 페이지 배경 그대로 — 구 #121212 는 우측 열·좌우 여백과 색이 달랐다) */
.castle_mypage[b-oxs06kpqxa] { background:transparent; color:#fff; min-width:0; }
.mp_content[b-oxs06kpqxa] { width:100%; max-width:950px; margin:0 auto; padding:20px 0 36px; min-width:0; font-size:13px; }
.mp_content h2[b-oxs06kpqxa] { margin:0 0 25px; color:#fff; font-size:25px; font-weight:700; line-height:25px; }
.mp_tabs[b-oxs06kpqxa] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:0; }
.mp_tabs a[b-oxs06kpqxa] { box-sizing:border-box; display:block; min-height:34px; padding:0 4px; border:1px solid transparent; background:#292828; color:#fff; font-size:13px; line-height:32px; text-align:center; text-decoration:none; }
.mp_tabs a.on[b-oxs06kpqxa],.mp_tabs a:hover[b-oxs06kpqxa] { background:#121212; border-color:#f8c853; color:#f8c853; }
.mp_tabs a:focus-visible[b-oxs06kpqxa],.mp_button:focus-visible[b-oxs06kpqxa],.mp_write:focus-visible[b-oxs06kpqxa] { outline:2px solid #f8c853; outline-offset:2px; }
.mp_panel[b-oxs06kpqxa] { min-width:0; }
.mp_panel h3[b-oxs06kpqxa] { margin:30px 0 10px; color:#f8c853; font-size:13px; font-weight:400; line-height:1.5; }
.mp_activity_head[b-oxs06kpqxa] { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.mp_write[b-oxs06kpqxa] { display:inline-block; box-sizing:border-box; width:100px; height:24px; padding:0 3px; border:1px solid #9c8555; color:#fff; font-size:13px; line-height:22px; text-align:center; text-decoration:none; }
.mp_reply[b-oxs06kpqxa] { display:flex; align-items:center; flex-wrap:wrap; gap:12px; min-height:34px; border-top:1px solid #292828; }
.mp_reply > span[b-oxs06kpqxa] { max-width:calc(100% - 112px); line-height:1.6; }
.mp_history[b-oxs06kpqxa],.mp_info[b-oxs06kpqxa] { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; color:#fff; }
.mp_history caption[b-oxs06kpqxa],.mp_info caption[b-oxs06kpqxa] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.mp_history col[b-oxs06kpqxa] { width:33.3333%; }
.mp_history th[b-oxs06kpqxa] { height:34px; padding:0 6px; background:#292828; border-top:1px solid #9c8555; color:#fff; font-size:14px; font-weight:500; text-align:center; }
.mp_history td[b-oxs06kpqxa] { min-height:35px; padding:10px 8px; border-bottom:1px solid #292828; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
.mp_pager[b-oxs06kpqxa] { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:17px; color:#979797; font-size:12px; }
.mp_pager button[b-oxs06kpqxa] { min-height:24px; padding:0 5px; border:0; background:transparent; color:#979797; font:inherit; }
.mp_intro[b-oxs06kpqxa] { margin:20px 0; color:#fff; font-size:13px; line-height:1.6; }
.mp_intro a[b-oxs06kpqxa],.mp_help a[b-oxs06kpqxa] { color:#f8c853; text-decoration:underline; text-underline-offset:2px; }
.mp_info[b-oxs06kpqxa] { border-top:1px solid #292828; }
.mp_info .mp_label_col[b-oxs06kpqxa] { width:17%; }
.mp_info th[b-oxs06kpqxa] { height:35px; padding:7px 20px 7px 4px; border-bottom:1px solid #292828; color:#f8c853; font-size:13px; font-weight:400; line-height:1.5; text-align:right; overflow-wrap:anywhere; }
.mp_info td[b-oxs06kpqxa] { height:35px; padding:5px 20px 5px 0; border-bottom:1px solid #292828; color:#fff; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.mp_info label[b-oxs06kpqxa] { margin:0; color:inherit; font:inherit; }
.mp_password input[b-oxs06kpqxa] { box-sizing:border-box; width:250px; max-width:100%; height:24px; padding:0 10px; border:1px solid #a6a6a6; border-radius:0; background:#fff; color:#0e1015; font:inherit; }
.mp_password input.mp_invalid[b-oxs06kpqxa] { border-color:#ff6b6b; }
.mp_password input:focus-visible[b-oxs06kpqxa] { outline:2px solid #f8c853; outline-offset:1px; }
.mp_password input:disabled[b-oxs06kpqxa] { background:#252525; color:#aaa; border-color:#555; }
.mp_policy[b-oxs06kpqxa],.mp_privacy[b-oxs06kpqxa] { display:block; margin-top:3px; font-size:12px; line-height:1.5; }
.mp_privacy[b-oxs06kpqxa] { color:#c6c6c6; }
.mp_pw_err[b-oxs06kpqxa] { display:block; margin-top:3px; color:#ff8585; font-size:12px; line-height:1.5; }
.mp_account[b-oxs06kpqxa] { display:inline-block; margin-left:22px; }
.mp_button[b-oxs06kpqxa] { display:inline-block; box-sizing:border-box; min-width:100px; min-height:28px; margin:0 2px; padding:0 8px; border:1px solid transparent; border-radius:0; background:#1b2253; color:#fff; font:inherit; line-height:26px; text-align:center; cursor:pointer; }
.mp_button:disabled[b-oxs06kpqxa],.mp_pager button:disabled[b-oxs06kpqxa] { opacity:.6; cursor:not-allowed; }
.mp_info .mp_button[b-oxs06kpqxa] { min-width:0; margin-right:8px; }
.mp_unsupported[b-oxs06kpqxa] { color:#bdbdbd; }
.mp_info td.mp_unsupported[b-oxs06kpqxa] { color:#bdbdbd; }
.mp_status[b-oxs06kpqxa] { margin:16px 0; padding:10px 12px; border:1px solid #9c8555; color:#ddd; font-size:13px; line-height:1.6; }
.mp_failure[b-oxs06kpqxa] { border-color:#aa6868; }
.mp_status .mp_button[b-oxs06kpqxa] { margin-left:10px; }
.mp_help[b-oxs06kpqxa] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 15px; margin:14px 0; color:#bdbdbd; font-size:12px; line-height:1.7; }
.mp_actions[b-oxs06kpqxa] { display:flex; justify-content:center; gap:2px; margin-top:20px; }

/* ── 보강(2026-11-02) · 최근 고객센터 문의·게시글 = 제목 칸 넓게(50%) 왼쪽 정렬 · 링크 흰 글자(호버 금색) · 상태 색 · 포인트 증감 색 · 페이저 쪽수 ── */
.mp_history col.mp_wide[b-oxs06kpqxa] { width:50%; }
.mp_history col.mp_wide ~ col[b-oxs06kpqxa] { width:25%; }
.mp_history td.mp_left[b-oxs06kpqxa] { text-align:left; padding-left:14px; }
.mp_history td a[b-oxs06kpqxa] { color:#fff; text-decoration:none; }
.mp_history td a:hover[b-oxs06kpqxa] { color:#f8c853; text-decoration:underline; text-underline-offset:2px; }
.mp_cnt[b-oxs06kpqxa] { margin-left:5px; color:#f8c853; font-size:12px; }
.mp_done[b-oxs06kpqxa] { color:#f8c853; }
.mp_wait[b-oxs06kpqxa] { color:#bdbdbd; }
.mp_new[b-oxs06kpqxa] { display:inline-block; margin-left:5px; padding:0 4px; background:#dc1410; color:#fff; font-size:10px; line-height:14px; vertical-align:1px; }
.mp_plus[b-oxs06kpqxa] { color:#4d9fff; }
.mp_minus[b-oxs06kpqxa] { color:#ff6b6b; }
/* 추천내역(MYPAGE-REF) = 5칸 균등 · 정렬 머리줄 버튼(▼▲ · 선택 = 금색) · USDT 둘째 줄 */
.mp_history.mp_ref col[b-oxs06kpqxa] { width:20%; }
.mp_sort[b-oxs06kpqxa] { padding:0; border:0; background:transparent; color:#fff; font:inherit; cursor:pointer; white-space:nowrap; }
.mp_sort:hover[b-oxs06kpqxa],.mp_sort.on[b-oxs06kpqxa] { color:#f8c853; }
.mp_count[b-oxs06kpqxa] { color:#bdbdbd; font-size:12px; }
.mp_usdt[b-oxs06kpqxa] { color:#bdbdbd; font-size:12px; }
.mp_pager button:not(:disabled)[b-oxs06kpqxa] { color:#fff; cursor:pointer; }
.mp_pager button:not(:disabled):hover[b-oxs06kpqxa] { color:#f8c853; }

@media(max-width:1024px) {
 .mp_content[b-oxs06kpqxa] { padding:18px 12px 90px; }
}
@media(max-width:600px) {
 .mp_content h2[b-oxs06kpqxa] { margin-bottom:20px; font-size:23px; }
 .mp_tabs a[b-oxs06kpqxa] { font-size:12px; }
 .mp_info .mp_label_col[b-oxs06kpqxa] { width:30%; }
 .mp_info th[b-oxs06kpqxa] { padding:8px 10px 8px 0; font-size:12px; }
 .mp_info td[b-oxs06kpqxa] { padding:8px 0; font-size:12px; }
 .mp_account[b-oxs06kpqxa] { display:block; margin-left:0; }
 .mp_info .mp_unsupported[b-oxs06kpqxa] { display:block; margin-top:4px; }
 .mp_history th[b-oxs06kpqxa] { font-size:13px; }
 .mp_reply > span[b-oxs06kpqxa] { max-width:100%; }
 .mp_activity_head[b-oxs06kpqxa] { gap:10px; }
 .mp_history td[b-oxs06kpqxa] { padding:8px 4px; font-size:12px; }
 .mp_history td.mp_left[b-oxs06kpqxa] { padding-left:6px; }
}
/* /Components/Shared/Pager.razor.rz.scp.css */
/* B-118-U0-4c — 공통 페이저 스타일(구 청록 톤 scoped).
   HOTFIX(V-3e 후속) — 정본을 전역 wwwroot/css/common.css(.cmn-pager 다크 톤·PM 지시)로 이관하고
   이 scoped 정의는 비움(번들 링크 복구로 부활 시 전역과 중복/충돌 — specificity 상 scoped가 이겨 지시 톤을 덮는 문제 차단).
   파일은 유지(빈 scoped — 무해·이력 보존). */
/* /Components/Shared/SocialContactButtons.razor.rz.scp.css */
/* ===========================================================
 * Day 43 Phase 3-1A 신설 — SocialContactButtons Scoped CSS
 * 명세서 §5-1 CSS 영역 정합
 * =========================================================== */

.app-social-buttons[b-svqsnz2sea] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.app-social-btn[b-svqsnz2sea] {
    flex: 1;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: filter 0.15s, transform 0.1s;
}

.app-social-btn:hover[b-svqsnz2sea] {
    filter: brightness(1.08);
}

.app-social-btn:active[b-svqsnz2sea] {
    transform: scale(0.97);
}

.app-social-telegram[b-svqsnz2sea] {
    background: #0088cc;
    color: #ffffff;
}

.app-social-kakao[b-svqsnz2sea] {
    background: #fee500;
    color: #181600;
}
