/*
 * picasso 테마 — 흰색(아이보리) 바탕 + 금색 강조, 글자 · 보조색은 로고의 남색.
 * 기존 style.css · mobile.css 는 그대로 두고 그 뒤에 불러 덮어쓴다(지우면 예전 모양으로 돌아간다).
 * 바닥글만 남색 띠로 둔다(게임 제공사 로고가 흰 그림이라 밝은 바탕에서는 안 보인다).
 */
:root {
    --pcs-bg: #f7f6f4;
    --pcs-bg-2: #fbfafa;
    --pcs-bg-3: #f3f1ef;
    --pcs-card: #ffffff;
    --pcs-line: #e7e4de;
    --pcs-line-2: #d9d4cb;
    --pcs-ink: #0b1a45;
    --pcs-ink-2: #3b4566;
    --pcs-muted: #7c746a;
    --pcs-gold-hi: #f1d58a;
    --pcs-gold: #d0a339;
    --pcs-gold-md: #b87c14;
    --pcs-gold-dk: #8a5a12;
    --pcs-gold-soft: #fbf3df;
    --pcs-gold-line: rgba(208, 163, 57, .55);
    --pcs-shadow: 0 1px 2px rgba(11, 26, 69, .06), 0 4px 14px rgba(11, 26, 69, .06);
}

/* ---------- 바탕 · 글자 ---------- */
body {
    background-color: var(--pcs-bg) !important;
    background-image:
        radial-gradient(900px 380px at 50% -120px, rgba(208, 163, 57, .10), transparent 70%),
        linear-gradient(180deg, #fbfaf8 0%, var(--pcs-bg) 320px) !important;
    background-attachment: fixed !important;
    color: var(--pcs-ink) !important;
}
/* 본문을 덮던 검정 막과 도깨비 섬광 · 디스코 그림을 걷는다 */
.page-content::before { background-color: transparent !important; }
.wrapper::before,
.wrapper::after { background-image: none !important; }

/* ---------- 헤더 ---------- */
.header-section {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid var(--pcs-line);
    box-shadow: 0 1px 0 rgba(208, 163, 57, .35), 0 6px 18px rgba(11, 26, 69, .06);
}
.header-section .container { background: transparent !important; }
.header-section .container::before,
.header-section .container::after {
    background-image: linear-gradient(180deg, #ffffff, var(--pcs-bg-2)) !important;
}
.header-section,
.header-section .after-login,
.header-section .after-login * { text-shadow: none !important; }
.after-login .account-info,
.after-login .account-info * { color: var(--pcs-ink) !important; }
.after-login .account-info .icon { color: var(--pcs-gold-md) !important; }
.after-login .nav-btn i { color: var(--pcs-gold-md) !important; }
.after-login .nav-btn .symbol { color: var(--pcs-gold-md) !important; }
.after-login .nav-btn { box-shadow: none !important; }

/* 둘째 줄 메뉴(입금하기 · 출금하기 …) */
.header-section a.w-ba { color: var(--pcs-ink) !important; text-shadow: none !important; }
.header-section a.w-ba:hover { color: var(--pcs-gold-md) !important; }
.header-section a.w-ba .icon-panel,
.header-section a.w-ba i { color: var(--pcs-gold-md) !important; }

/* 로고: 세로가 긴 왕관 로고라 높이로 맞추고 헤더 아래로 살짝 걸친다 */
.header-section .logo-panel { overflow: visible; }
.header-section .logo-img {
    width: auto !important;
    height: 92px !important;
    margin-top: 26px;
    filter: drop-shadow(0 3px 6px rgba(11, 26, 69, .18));
}

/* 로그인 전 머리의 아이디 · 비밀번호 칸 */
.header-section input {
    background-color: var(--pcs-card) !important;
    border: 1px solid var(--pcs-line-2) !important;
    color: var(--pcs-ink) !important;
}
.header-section input::placeholder { color: #a39b90 !important; }
.header-section input:focus {
    border-color: var(--pcs-gold) !important;
    box-shadow: 0 0 0 3px rgba(208, 163, 57, .18) !important;
    outline: none;
}

/* 왼쪽 메뉴 아이콘 줄 */
.left-menu-btn span {
    background-color: var(--pcs-ink) !important;
    box-shadow: none;
}

/* 드롭다운(언어 · 오른쪽 메뉴) */
.drop-down-menu {
    background: var(--pcs-card) !important;
    border: 1px solid var(--pcs-line) !important;
    box-shadow: var(--pcs-shadow) !important;
}
.drop-down-menu a { color: var(--pcs-ink) !important; border-bottom-color: var(--pcs-line) !important; }
.drop-down-menu a:hover { color: var(--pcs-gold-md) !important; }

/* ---------- 버튼 ---------- */
/* 주 버튼(로그인 · 마이페이지 · 신청): 금색 + 남색 글자 */
.btn-blue {
    background: linear-gradient(180deg, #e9c766 0%, var(--pcs-gold) 55%, #bf8f2a 100%) !important;
    color: var(--pcs-ink) !important;
    border: 1px solid #c3922c !important;
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(208, 163, 57, .30) !important;
    font-weight: 600;
}
/* 보조 버튼(회원가입 · 로그아웃 · 게임 실행): 남색 + 흰 글자 */
.btn-violet {
    background: linear-gradient(180deg, #1a2d68 0%, var(--pcs-ink) 100%) !important;
    color: #ffffff !important;
    border: 1px solid var(--pcs-ink) !important;
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(11, 26, 69, .22) !important;
}
/* 메뉴 버튼(카지노 · 슬롯 · 쪽지): 흰 판 + 테두리 */
.btn-gray {
    background: var(--pcs-card) !important;
    color: var(--pcs-ink) !important;
    border: 1px solid var(--pcs-line-2) !important;
    text-shadow: none !important;
    box-shadow: 0 1px 2px rgba(11, 26, 69, .06) !important;
}
/* 도깨비 버튼은 올리면 하늘색 · 보라색 판이 나타났다 → 금빛 테두리로 */
.btn-blue::before,
.btn-violet::before,
.btn-gray::before { background-image: none !important; background-color: transparent !important; }
.btn-blue:hover { filter: brightness(1.05); }
.btn-violet:hover { border-color: var(--pcs-gold) !important; color: var(--pcs-gold-hi) !important; }
.btn-gray:hover { border-color: var(--pcs-gold) !important; color: var(--pcs-gold-md) !important; }
.btn-gray i,
.btn-gray .icon { color: var(--pcs-gold-md) !important; }
.after-login .message-btn .count { background-image: linear-gradient(#e0533a, #b8321b) !important; }

/* ---------- 게임사 카드(PVCASINO 방식) ----------
 * 위: 사진 / 아래: 흰 V자 판 위에 게임사 로고 / 금색 테두리 · 각진 모서리. 한 줄에 4개(작은 화면 3개 · 휴대폰 2개).
 * 카지노 사진(/images/provider/*.webp)은 아래쪽에 다른 로고가 박혀 있어 V자 판이 그 부분을 덮는다. */
.slot-section {
    width: calc(100% + 12px) !important;
    margin: 0 -6px !important;
}
.slot-btn {
    width: calc(25% - 12px) !important;
    margin: 0 6px 12px !important;
}
.slot-btn::before { display: none !important; }
.slot-btn .g-panel {
    aspect-ratio: 322 / 280;
    border-radius: 0 !important;
    border: 2px solid #c9a24a !important;
    background-color: #1a1408 !important;
    box-shadow: 0 2px 10px rgba(60, 45, 15, .12) !important;
    animation: none !important;
}
.slot-btn:hover .g-panel {
    transform: translateY(-3px) !important;
    border-color: #e2b955 !important;
    box-shadow: 0 10px 26px rgba(208, 163, 57, .35) !important;
}
.slot-btn .g-panel::before { background-image: none !important; }
/* 사진: 칸을 꽉 채우고 위쪽(얼굴)을 맞춘다 */
.slot-btn .g-panel > .g-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.slot-btn:hover .g-panel > .g-img { opacity: 1 !important; transform: scale(1.04); }
/* 흰 V자 판 */
.slot-btn .g-panel::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #ffffff !important;
    clip-path: polygon(0 56%, 50% 79%, 100% 56%, 100% 100%, 0 100%);
}
/* 로고: V자 판 아래 가운데 */
.slot-btn .g-footer {
    position: static !important;
    padding: 0 !important;
}
.slot-btn .g-footer::before { display: none !important; }
.slot-btn .g-footer .g-logo {
    position: absolute !important;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 23% !important;
    padding: 4px 10% 6px;
}
.slot-btn .g-footer .g-logo::before,
.slot-btn .g-footer .g-logo::after { display: none !important; }
.slot-btn .g-footer .g-logo img {
    position: static !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
    opacity: 1 !important;
    filter: none !important;
}
/* 어두운 바탕용 흰 로고는 밝기만 뒤집어(색상은 유지) 흰 판에서 보이게 */
.slot-btn .g-logo img[src$="/evolution.png"],
.slot-btn .g-logo img[src$="/pragmatic_slot.png"],
.slot-btn .g-logo img[src$="/playson.png"],
.slot-btn .g-logo img[src$="/habanero.png"],
.slot-btn .g-logo img[src$="/pgsoft.png"] {
    filter: invert(1) hue-rotate(180deg) brightness(.85) !important;
}
/* 게임사 이름(신버전 · 구버전 구분용): 왼쪽 위 작은 표 */
.slot-btn .g-footer .g-name {
    position: absolute !important;
    z-index: 2;
    left: 8px;
    top: 8px;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(11, 26, 69, .78);
    border: 1px solid rgba(241, 213, 138, .6);
    color: #f6e2a8 !important;
    font-size: 12px !important;
    text-shadow: none !important;
    white-space: nowrap;
}
/* 「게임보기」 버튼: 사진 가운데 금색 */
.slot-btn .play-btn {
    z-index: 3;
    bottom: 22% !important;
    background: linear-gradient(180deg, #e9c766 0%, var(--pcs-gold) 55%, #bf8f2a 100%) !important;
    color: var(--pcs-ink) !important;
    border: 1px solid #c3922c !important;
    font-weight: 700;
}
.slot-btn .play-btn::before { display: none !important; }
@media (max-width: 1024px) {
    .slot-btn { width: calc(33.333% - 12px) !important; }
}
@media (max-width: 767px) {
    .slot-btn { width: calc(50% - 8px) !important; margin: 0 4px 8px !important; }
    .slot-section { width: calc(100% + 8px) !important; margin: 0 -4px !important; }
    .slot-btn .g-footer .g-name { font-size: 11px !important; left: 6px; padding: 2px 7px; }
}
.category_title { background-position: center; }

/* 디자인팀 새 그림(/images/provider/pcs_*.webp): 배경이 투명한 인물 · 캐릭터라 카드 바탕을 어두운 금빛으로 깐다 */
.slot-btn .g-img[src*="/pcs_"] {
    background: radial-gradient(circle at 50% 30%, #4a3714 0%, #1d160a 58%, #0e0b06 100%) !important;
}
/* 슬롯 게임사: V판 없이 그림(캐릭터 + 로고)만. 로고가 그림 안에 있어 따로 얹던 로고는 숨긴다 */
.slot-providers .slot-btn .g-panel::after { display: none !important; }
.slot-providers .slot-btn .g-panel > .g-img[src*="/pcs_"] {
    object-fit: contain;
    object-position: center bottom;
    padding: 6% 4% 2%;
}
.slot-providers .slot-btn .g-panel > .g-img[src*="/pcs_"] ~ .g-footer .g-logo { display: none !important; }
/* ---------- 왼쪽 메뉴(휴대폰) ---------- */
.main-menu.sidebar-left {
    background: var(--pcs-card) !important;
    border-right: 1px solid var(--pcs-line);
    box-shadow: 6px 0 24px rgba(11, 26, 69, .10);
}
.main-menu a { color: var(--pcs-ink) !important; text-shadow: none !important; }
.main-menu a:hover { color: var(--pcs-gold-md) !important; }
/* 메뉴 줄 판: 어두운 남색 → 흰 판 + 아래 선 */
.main-menu a::before {
    background-color: var(--pcs-card) !important;
    border-bottom: 1px solid var(--pcs-line) !important;
}
.main-menu a:hover::before { background-color: var(--pcs-gold-soft) !important; }
.main-menu .icon-panel {
    background-image: none !important;
    background-color: var(--pcs-gold-soft) !important;
    border: 1px solid var(--pcs-gold-line);
    box-shadow: 0 1px 4px rgba(208, 163, 57, .25) !important;
}
.main-menu .icon-panel::before { background-image: none !important; }
.main-menu .icon-panel,
.main-menu .icon-panel i { color: var(--pcs-gold-md) !important; }

/* ---------- 창(로그인 · 회원가입 · 입금 · 출금 · 마이페이지 …) ---------- */
.modal-content {
    background: var(--pcs-card) !important;
    border: 1px solid var(--pcs-line) !important;
    box-shadow: 0 18px 50px rgba(11, 26, 69, .16) !important;
    color: var(--pcs-ink) !important;
}
.modal-content::before {
    background-image: linear-gradient(to right, transparent, var(--pcs-gold), transparent) !important;
}
.modal-header {
    background: linear-gradient(180deg, #ffffff, var(--pcs-bg-2)) !important;
    border-bottom: 1px solid var(--pcs-line) !important;
}
.modal-header::before { background-image: none !important; background-color: transparent !important; }
.modal-header .title-panel {
    background: var(--pcs-card) !important;
    border: 1px solid var(--pcs-gold-line);
    border-top: 0;
    box-shadow: 0 4px 10px rgba(208, 163, 57, .12);
}
.modal-header .title-panel::before,
.modal-header .title-panel::after,
.modal-header .bullets::before,
.modal-header .bullets::after { background-image: none !important; }
.modal .title,
.modal-header .title {
    background-image: linear-gradient(180deg, var(--pcs-gold-md) 0%, var(--pcs-gold-dk) 100%) !important;
}
.modal .title::after { background-image: none !important; }
.modal-body,
.modal-body p,
.modal-body label,
.modal-body span:not(.title),
.modal-body td,
.modal-body li { color: var(--pcs-ink) !important; text-shadow: none !important; }
.modal-content input,
.modal-content select,
.modal-content textarea {
    background-color: var(--pcs-card) !important;
    border: 1px solid var(--pcs-line-2) !important;
    color: var(--pcs-ink) !important;
}
.modal-content input::placeholder,
.modal-content textarea::placeholder { color: #a39b90 !important; }
.modal-content input:focus,
.modal-content select:focus,
.modal-content textarea:focus {
    border-color: var(--pcs-gold) !important;
    box-shadow: 0 0 0 3px rgba(208, 163, 57, .18) !important;
    outline: none;
}
.modal-content input[readonly],
.modal-content input:disabled { background-color: var(--pcs-bg-3) !important; }

/* 창 안 탭(입금신청 · 출금신청 · 포인트이동) */
.modal-content button.w-b::before {
    background-color: var(--pcs-bg-2) !important;
    border: 1px solid var(--pcs-line);
}
.modal-content button.w-b.active::before {
    background-color: var(--pcs-gold-soft) !important;
    border-color: var(--pcs-gold-line);
}
.modal-content button.w-b,
.modal-content button.w-b * { color: var(--pcs-ink-2) !important; text-shadow: none !important; }
.modal-content button.w-b.active,
.modal-content button.w-b.active * { color: var(--pcs-gold-dk) !important; }

/* 금액 버튼 등 창 안 일반 버튼 */
.modal-body button:not(.btn-blue):not(.btn-violet):not(.btn-red):not(.w-b) {
    background-color: var(--pcs-card) !important;
    background-image: none !important;
    border: 1px solid var(--pcs-line-2) !important;
    color: var(--pcs-ink) !important;
    text-shadow: none !important;
}
.modal-body button:not(.btn-blue):not(.btn-violet):not(.btn-red):not(.w-b):hover {
    border-color: var(--pcs-gold) !important;
    color: var(--pcs-gold-md) !important;
}

/* 안내문 상자 · 배너 */
.text-container {
    background-color: var(--pcs-bg-2) !important;
    border: 1px solid var(--pcs-line) !important;
}
.modal-banner {
    background: linear-gradient(90deg, var(--pcs-gold-soft), #ffffff) !important;
    border: 1px solid var(--pcs-gold-line) !important;
}
.modal-banner::before { background-image: none !important; }
.modal-banner,
.modal-banner * { color: var(--pcs-ink) !important; text-shadow: none !important; }

/* 표 */
.bs-table thead th,
.modal-body th {
    background-color: var(--pcs-bg-3) !important;
    background-image: none !important;
    color: var(--pcs-ink) !important;
    border-color: var(--pcs-line) !important;
}
.bs-table td { border-color: var(--pcs-line) !important; }
.bs-table tbody tr:hover td { background-color: var(--pcs-gold-soft) !important; }
.bs-table tr .count-tag {
    background-image: linear-gradient(#e2bb59, #b98a25) !important;
    color: #ffffff !important;
}

/* 창 바닥 버튼(로그인 · 신청 · 확인): 금색 / 보조(회원가입 · 취소): 남색 */
.form-footer button .btn-panel,
.login-btn .btn-panel {
    background: linear-gradient(180deg, #e9c766 0%, var(--pcs-gold) 55%, #bf8f2a 100%) !important;
    color: var(--pcs-ink) !important;
}
.form-footer button .btn-panel *,
.login-btn .btn-panel * { color: var(--pcs-ink) !important; text-shadow: none !important; }
.form-footer button .btn-inner { background-image: none !important; }
.form-footer button .btn-inner::before,
.form-footer button .btn-inner::after { background-image: none !important; }
.login-btn { background-image: linear-gradient(90deg, #bf8f2a, var(--pcs-gold-hi), #bf8f2a) !important; }
.cancel-btn { background-image: linear-gradient(90deg, var(--pcs-ink), #2a3f80, var(--pcs-ink)) !important; }
.form-footer .cancel-btn .btn-panel,
.cancel-btn .btn-panel { background: linear-gradient(180deg, #1a2d68, var(--pcs-ink)) !important; }
.form-footer .cancel-btn .btn-panel *,
.cancel-btn .btn-panel * { color: #ffffff !important; }

/* 창 안 구분 띠(필수정보 · 계좌정보)와 입력칸 아이콘 */
.form-title { color: var(--pcs-gold-dk) !important; text-shadow: none !important; }
.form-title::before,
.form-title::after {
    background-color: transparent !important;
    background-image: linear-gradient(90deg, transparent, var(--pcs-gold-line), transparent) !important;
}
.icon-panel,
.icon-panel i { color: var(--pcs-gold-md) !important; }

/* ---------- 바닥글: 차콜 그레이 + 금색 선(게임사 로고가 흰 그림이라 바탕은 어둡게) ---------- */
.footer-section {
    background: linear-gradient(180deg, #34363c, #2a2c31) !important;
    border-top: 2px solid var(--pcs-gold);
    box-shadow: 0 -4px 14px rgba(0, 0, 0, .12) !important;
}
.footer-copyright {
    background: #1f2024 !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    color: #b9b2a6 !important;
}
.footer-copyright::before { box-shadow: 0 0 100px rgba(208, 163, 57, .12) !important; }
.footer-section .logo-img {
    width: auto !important;
    max-width: 180px;
    height: auto;
    filter: drop-shadow(0 0 14px rgba(241, 213, 138, .35));
}

/* ---------- 흰 바탕에서 어긋나는 도깨비 장식 · 색 ---------- */
/* 헤더의 「님 · 원」(보라색) */
.header-section .symbol { color: var(--pcs-gold-md) !important; }
/* 카드 뒤에 비치던 파란 테두리 판 → 연한 금색 판 */
.slot-btn::before {
    border-color: #ead9b0 !important;
    background-color: var(--pcs-gold-soft) !important;
}
/* 창 제목: 어두운 겉선 · 반짝이 · 파란 빛 장식을 걷는다 */
.modal-header::before { box-shadow: none !important; }
.modal-header .title-panel { filter: none !important; }
.modal-header .title::before { text-shadow: none !important; }
.modal-header .title::after { background-image: none !important; }
.modal-header .bullets::before,
.modal-header .bullets::after { filter: none !important; }
/* 창 윗부분 줄무늬 그림 · 구분 띠 아래 파란 선 */
.modal-content::after { background-image: none !important; }
.form-title::before { border-bottom-color: var(--pcs-gold-line) !important; }
/* 창 닫기(X): 파란 회색 그림을 어두운 색으로(올리면 금색) */
.modal-close-btn::before { filter: grayscale(1) brightness(.35); }
.modal-close-btn::after { filter: sepia(1) saturate(3) hue-rotate(-10deg) brightness(.9); }

/* 공지 · 쪽지 본문 판 */
.message-content {
    background-color: var(--pcs-bg-2) !important;
    border: 1px solid var(--pcs-line);
    color: var(--pcs-ink) !important;
}
/* 관리자가 어두운 바탕에 맞춰 넣은 글자색(<font color> · style color)은 흰 바탕에서 안 읽혀 남색으로 */
.bs-table font,
.bs-table [style*="color"],
.message-content font,
.message-content [style*="color"] { color: inherit !important; }
.bs-table .title-td b,
.bs-table .title-td a { color: var(--pcs-ink) !important; }

/* ---------- 창 화면 다듬기(입금 · 출금 · 포인트 · 고객센터 · 쪽지 · 공지 · 마이페이지 공용) ----------
 * 도깨비 디자인의 각진 상자 · 좁은 칸을 정돈한다. 버튼 · 입력의 onclick · name 은 그대로이고 모양만 바꾼다. */
.modal-content {
    border-radius: 16px !important;
    overflow: hidden;
}
.modal-content::before { opacity: .9; }
/* 창 제목: 네모 상자 → 가운데 제목 + 금색 밑줄 */
.modal-header {
    min-height: 64px;
    background: #ffffff !important;
}
.modal-header .title-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-bottom: 6px;
    position: relative;
    height: 64px !important;
}
.modal-header .title-panel::before,
.modal-header .title-panel::after { display: none !important; }
.modal-header .title {
    font-size: 22px !important;
    letter-spacing: .02em;
    position: relative;
}
.modal-header .title-panel .bullets { display: none !important; }
.modal-header .title-panel::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: 44px;
    height: 3px;
    margin-left: -22px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--pcs-gold-hi), var(--pcs-gold), var(--pcs-gold-md)) !important;
}

/* 탭(입금신청 · 출금신청 · 포인트이동): 회색 바탕 위 흰 알약 */
.modal-menu {
    width: auto !important;
    margin: 14px 30px 0;
    padding: 4px;
    gap: 4px;
    border-radius: 12px;
    background: var(--pcs-bg-3);
    border: 1px solid var(--pcs-line);
}
.modal-menu button.w-b {
    flex: 1;
    height: 40px;
    border-radius: 9px;
    font-weight: 600;
    font-size: 14px;
}
.modal-menu button.w-b::before {
    border-radius: 9px;
    background-color: transparent !important;
    border: 0 !important;
}
.modal-menu button.w-b.active::before {
    background-color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(11, 26, 69, .12), inset 0 -2px 0 var(--pcs-gold);
}
.modal-menu button.w-b i { color: var(--pcs-gold-md) !important; margin-right: 6px; }
.modal-menu button.w-b:not(.active):hover,
.modal-menu button.w-b:not(.active):hover * { color: var(--pcs-ink) !important; }

/* 안내문 상자: 왼쪽 금색 띠 + 넉넉한 여백 */
.terms-use .text-container {
    border-radius: 12px !important;
    border-left: 3px solid var(--pcs-gold) !important;
    padding: 8px 12px 8px 16px !important;
    background: var(--pcs-bg-2) !important;
}
.terms-use .text-container .scroll-panel { scrollbar-width: thin; scrollbar-color: var(--pcs-line-2) transparent; }
.terms-use .text-container .scroll-panel,
.terms-use .text-container .scroll-panel * { line-height: 1.7; }

/* 알림 띠(입금시 꼭 계좌문의…): 둥근 연금색 상자 + 금색 링크 */
.modal-banner {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    margin-top: 12px;
}
.modal-banner .info-icon { color: var(--pcs-gold-md) !important; margin-right: 6px; }
.modal-banner span { font-weight: 600; }
.modal-banner .ask-link {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--pcs-ink);
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}
.modal-banner .ask-link:hover { background: var(--pcs-gold); color: var(--pcs-ink) !important; }

/* 입력 칸 */
.form-container .form-group { margin-bottom: 14px; }
.form-container .form-group .labels,
.form-container .form-group .labels * {
    color: var(--pcs-ink-2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}
.form-container .form-group .labels { margin-bottom: 6px; }
.modal-content .input-container input,
.modal-content .input-container select,
.modal-content .form-container textarea {
    height: 46px;
    border-radius: 10px !important;
    padding: 0 14px !important;
    font-size: 15px;
}
.modal-content .form-container textarea { height: auto; padding: 12px 14px !important; }

/* 금액 버튼: 같은 크기 알약, 마지막(정정하기)은 지우기 색 */
.modal-body .btn-grp {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}
.modal-body .btn-grp button {
    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600;
    box-shadow: none !important;
}
.modal-body .btn-grp button:not(.w-b):not(.btn-blue):not(.btn-violet):not(.btn-red):hover { background-color: var(--pcs-gold-soft) !important; }
.modal-body .btn-grp button:last-child:not(.w-b):not(.btn-blue):not(.btn-violet):not(.btn-red) {
    color: #a33a25 !important;
    border-color: #ecc9c0 !important;
    background-color: #fff7f5 !important;
}
@media (max-width: 767px) {
    .modal-body .btn-grp { grid-template-columns: repeat(3, 1fr); }
    .modal-menu { margin: 10px 12px 0; }
    .modal-menu button.w-b { font-size: 13px; }
}

/* 바닥 주 버튼(입금하기 · 출금하기 · 문의하기 · 변경하기): 넓고 둥근 금색 */
.form-footer { gap: 10px; padding-top: 6px; }
.form-footer button {
    min-width: 200px;
    height: 50px !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden;
    background: none !important;
    border: 0 !important;
    box-shadow: 0 6px 16px rgba(208, 163, 57, .30) !important;
}
.form-footer button .btn-panel {
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
    border: 1px solid #c3922c;
}
.form-footer button .btn-inner {
    width: 100% !important;
    height: 100% !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.form-footer button:hover { filter: brightness(1.05); transform: translateY(-1px); }

/* 바닥 버튼 중 판(.btn-panel) 없이 btn-blue 만 쓰는 것(포인트 전환하기 등)은 금색 판을 직접 */
.form-footer button.btn-blue {
    background: linear-gradient(180deg, #e9c766 0%, var(--pcs-gold) 55%, #bf8f2a 100%) !important;
    border: 1px solid #c3922c !important;
    color: var(--pcs-ink) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
/* 보유머니 · 포인트 줄: 요약 카드 */
.form-container > .form-label {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    margin-bottom: 10px;
    border: 1px solid var(--pcs-line);
    border-radius: 12px;
    background: var(--pcs-bg-2);
}
.form-container > .form-label .labels {
    width: auto !important;
    color: var(--pcs-ink-2) !important;
    font-weight: 600;
}
.form-container > .form-label .amount {
    color: var(--pcs-gold-dk) !important;
    font-size: 18px;
    font-weight: 700;
}
/* 옆에 버튼이 없는 입력칸은 끝까지 */
.form-group.w-btn .infos > .input-container:only-child { width: 100% !important; }

/* 내역 표: 둥근 머리줄 · 줄 간격 */
.bs-table {
    border-collapse: separate !important;
    border-spacing: 0;
    margin-top: 18px;
}
.bs-table thead th {
    height: 42px;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 0 !important;
}
.bs-table thead th:first-child { border-radius: 10px 0 0 10px; }
.bs-table thead th:last-child { border-radius: 0 10px 10px 0; }
.bs-table tbody td {
    height: 46px;
    border-bottom: 1px solid var(--pcs-line) !important;
    background: transparent !important;
}

/* ---------- 휴대폰 · 작은 화면 ---------- */
@media (max-width: 1024px) {
    .header-section .logo-img {
        height: 62px !important;
        margin-top: 4px;
    }
}