/* ========================================================================== Agent 전용 색상 스킨 오버레이 - → 웜 아이보리 (따뜻한 라이트) - → 네온 사이버 (강렬한 다크) admin.* 뷰/메뉴/기능은 그대로 두고 색상·폰트만 오버라이드한다. (partner-dark.css 와 동일한 스코프 오버레이 방식) 적용 조건: site_domains.skin_id == 8|9 AND 로그인 유저가 Agent/User (root.blade.php 에서 data-agent-skin 속성 주입) ========================================================================== */ /* 폰트 로드 */ @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); @import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap"); /* ===================================================================== A. 웜 아이보리 (data-agent-skin="8") — 따뜻한 라이트 ===================================================================== */ body[data-agent-skin="8"] { --bs-primary: #E5643E; --bs-primary-rgb: 229, 100, 62; --bs-primary-active: #C94F2C; --kt-primary: #E5643E; --kt-primary-rgb: 229, 100, 62; --kt-primary-active: #C94F2C; --bs-body-bg: #FBF7F0; --bs-body-color: #3A2E22; --bs-border-color: #EADFCE; font-family: "Pretendard", "Noto Sans KR", sans-serif; background-color: #FBF7F0 !important; color: #3A2E22; } /* 제목은 명조 세리프 */ body[data-agent-skin="8"] h1, body[data-agent-skin="8"] h2, body[data-agent-skin="8"] h3, body[data-agent-skin="8"] .h1, body[data-agent-skin="8"] .h2, body[data-agent-skin="8"] .h3, body[data-agent-skin="8"] .card-title { font-family: "Nanum Myeongjo", "Pretendard", serif; font-weight: 800; color: #2E241B; } /* Wrapper / Content */ body[data-agent-skin="8"] #kt_wrapper, body[data-agent-skin="8"] #kt_content, body[data-agent-skin="8"] .content, body[data-agent-skin="8"] .toolbar, body[data-agent-skin="8"] #kt_toolbar { background-color: #FBF7F0; } body[data-agent-skin="8"] #kt_toolbar, body[data-agent-skin="8"] .toolbar { border-bottom-color: #EADFCE; } /* Header */ body[data-agent-skin="8"] #kt_header, body[data-agent-skin="8"] .header, body[data-agent-skin="8"] .header-fixed .header { background-color: #FFFDF9; border-bottom: 1px solid #EADFCE; } /* Aside (사이드바) — 딥 브라운 */ body[data-agent-skin="8"] .aside, body[data-agent-skin="8"] #kt_aside { background-color: #2E241B !important; border-right: 1px solid #241B14; } /* 메뉴 텍스트/아이콘/불릿 — KT 유틸(menu-title-gray-800 / menu-state-*-primary)이 자식 .menu-title / .menu-icon 에 하드코딩한 색(#3F4254 회색, #009EF7 파랑)을 웜톤으로 덮는다. KT 가 자식 노드에 직접 색을 지정하므로 동일 노드를 !important 로 오버라이드해야 이긴다. */ /* 기본 상태 */ body[data-agent-skin="8"] .aside .menu-item .menu-link, body[data-agent-skin="8"] .aside .menu-item .menu-link .menu-title { color: #E8DDCE !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link .menu-icon i { color: #C9B79C !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #C9B79C !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link .menu-bullet .bullet { background-color: #C9B79C !important; } /* hover */ body[data-agent-skin="8"] .aside .menu-item .menu-link:hover:not(.disabled), body[data-agent-skin="8"] .aside .menu-item.hover > .menu-link:not(.disabled) { background-color: #3C2F23 !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link:hover .menu-title, body[data-agent-skin="8"] .aside .menu-item.hover > .menu-link .menu-title { color: #FFFFFF !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link:hover .menu-icon i, body[data-agent-skin="8"] .aside .menu-item.hover > .menu-link .menu-icon i { color: #F2A03D !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link:hover .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), body[data-agent-skin="8"] .aside .menu-item.hover > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #F2A03D !important; } /* active / here / show — 열린/선택 메뉴 강조 (기존 파랑 → 웜 앰버) */ body[data-agent-skin="8"] .aside .menu-item .menu-link.active, body[data-agent-skin="8"] .aside .menu-item.here > .menu-link, body[data-agent-skin="8"] .aside .menu-item.show > .menu-link { background-color: rgba(229, 100, 62, 0.18) !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link.active .menu-title, body[data-agent-skin="8"] .aside .menu-item.here > .menu-link .menu-title, body[data-agent-skin="8"] .aside .menu-item.show > .menu-link .menu-title { color: #F2A03D !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link.active .menu-icon i, body[data-agent-skin="8"] .aside .menu-item.here > .menu-link .menu-icon i, body[data-agent-skin="8"] .aside .menu-item.show > .menu-link .menu-icon i { color: #F2A03D !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #F2A03D !important; } body[data-agent-skin="8"] .aside .menu-item .menu-link.active .menu-bullet .bullet { background-color: #F2A03D !important; } /* Cards */ body[data-agent-skin="8"] .card { background-color: #FFFFFF; border: 1px solid #EADFCE; border-radius: 14px; box-shadow: 0 2px 12px rgba(90, 60, 30, 0.06); color: #3A2E22; } body[data-agent-skin="8"] .card-header { background-color: #FFFDF9; border-bottom-color: #EADFCE; } /* Tables */ body[data-agent-skin="8"] .table { color: #3A2E22; border-color: #EADFCE; } body[data-agent-skin="8"] .table > thead > tr > th { background-color: #F3E9DA; color: #3A2E22; border-color: #EADFCE; } body[data-agent-skin="8"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #FCF8F1; } body[data-agent-skin="8"] .table-hover > tbody > tr:hover > * { background-color: #F6ECDD; } /* 정산/통계 다중 헤더 행 (.bg-secondary) + 강조셀 — 웜톤으로 가독성 확보 */ body[data-agent-skin="8"] .table > thead { color: #3A2E22; } body[data-agent-skin="8"] .bg-secondary, body[data-agent-skin="8"] .table > thead > tr.bg-secondary > th, body[data-agent-skin="8"] .table > tbody > tr.bg-secondary > td { background-color: #EFE2CE !important; color: #2E241B !important; } body[data-agent-skin="8"] .bg-light-primary { background-color: rgba(229, 100, 62, 0.12) !important; color: #2E241B !important; } body[data-agent-skin="8"] .bg-light-success { background-color: rgba(110, 139, 61, 0.16) !important; color: #2E241B !important; } body[data-agent-skin="8"] .bg-light-danger { background-color: rgba(192, 57, 43, 0.12) !important; color: #2E241B !important; } body[data-agent-skin="8"] .bg-light-warning { background-color: rgba(242, 160, 61, 0.18) !important; color: #2E241B !important; } body[data-agent-skin="8"] .bg-light-info { background-color: rgba(43, 122, 168, 0.12) !important; color: #2E241B !important; } /* bls3/brs3/bts3/bbs3 셀 구분선 웜톤 */ body[data-agent-skin="8"] .bls3 { border-left-color: #D9C8AC !important; } body[data-agent-skin="8"] .brs3 { border-right-color: #D9C8AC !important; } body[data-agent-skin="8"] .bts3 { border-top-color: #D9C8AC !important; } body[data-agent-skin="8"] .bbs3 { border-bottom-color: #D9C8AC !important; } /* Forms */ body[data-agent-skin="8"] .form-control, body[data-agent-skin="8"] .form-select { background-color: #FFFFFF; border-color: #E3D6C2; color: #3A2E22; } body[data-agent-skin="8"] .form-control:focus, body[data-agent-skin="8"] .form-select:focus { border-color: #E5643E; box-shadow: 0 0 0 0.2rem rgba(229, 100, 62, 0.15); } body[data-agent-skin="8"] .form-floating > label { color: #A6825C; } body[data-agent-skin="8"] .form-check-input:checked { background-color: #E5643E; border-color: #E5643E; } /* Buttons */ body[data-agent-skin="8"] .btn.btn-primary { background-color: #E5643E; border-color: #E5643E; color: #FFFFFF; } body[data-agent-skin="8"] .btn.btn-primary:hover, body[data-agent-skin="8"] .btn.btn-primary:active { background-color: #C94F2C; border-color: #C94F2C; } body[data-agent-skin="8"] .btn.btn-light { background-color: #F3E9DA; border-color: #EADFCE; color: #3A2E22; } /* Text / Links */ body[data-agent-skin="8"] .text-primary { color: #E5643E !important; } body[data-agent-skin="8"] a { color: #C94F2C; } body[data-agent-skin="8"] a:hover { color: #E5643E; } /* Badges / bg utils */ body[data-agent-skin="8"] .bg-primary { background-color: #E5643E !important; } body[data-agent-skin="8"] .bg-light-primary { background-color: rgba(229, 100, 62, 0.12) !important; } /* Pagination */ body[data-agent-skin="8"] .page-item.active .page-link { background-color: #E5643E; border-color: #E5643E; } body[data-agent-skin="8"] .page-link { color: #C94F2C; } /* Scrollbar */ body[data-agent-skin="8"] ::-webkit-scrollbar-thumb { background: #E5643E; } body[data-agent-skin="8"] ::-webkit-scrollbar-track { background: rgba(229, 100, 62, 0.1); } /* ===================================================================== A-2. 웜 아이보리 — 좌측 사이드바 상단 "월렛 대시보드" 레이아웃 재구성 menu.blade.php 는 공용 파일이라 마크업은 그대로 두고 data-agent-skin="8" 스코프 CSS 로만 재배치한다. (#cur_time_agent 카드 안의 잔액 히어로 + 포인트/루징/여신 가로 3분할 스탯 + 입금/출금/포인트전환/루징금전환 2×2 타일) ===================================================================== */ /* 상단 시계 라벨 */ body[data-agent-skin="8"] #kt_aside #cur_time_agent { color: #A6825C; font-weight: 700; letter-spacing: 0.04em; font-size: 0.8rem; margin-bottom: 0.75rem !important; } /* 잔액 히어로 래퍼 */ body[data-agent-skin="8"] #kt_aside .card-xl-stretch { border: none !important; box-shadow: none !important; background: transparent !important; margin-bottom: 0.85rem !important; } /* .bg-primary 헤더 → 테라코타 그라데이션 히어로 (인라인 height/padding 중화) */ body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-primary { height: auto !important; padding: 18px 16px 26px !important; border-radius: 18px !important; background: linear-gradient(135deg, #E5643E 0%, #C94F2C 100%) !important; box-shadow: 0 8px 20px rgba(201, 79, 44, 0.28); } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-primary #user_id { opacity: 0.92; font-weight: 600; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-primary #user_cash { font-size: 2rem; letter-spacing: -0.01em; } /* 포인트/루징/여신 items box → 가로 3분할 스탯 스트립 (히어로에 살짝 겹침) */ body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body { margin: -16px 10px 0 !important; padding: 11px 4px !important; display: flex !important; gap: 0; background: #FBF7F0 !important; border: 1px solid #EADFCE; border-radius: 14px !important; box-shadow: 0 4px 12px rgba(90, 60, 30, 0.10); } /* 각 스탯 항목 — 균등 분할 + 세로 정렬 + 사이 구분선 */ body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex { flex: 1 1 0 !important; margin-bottom: 0 !important; padding: 2px 4px; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex:not(:last-child) { border-right: 1px solid #EADFCE; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex > .d-flex { flex-direction: column !important; align-items: center !important; gap: 2px; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex .flex-grow-1 { flex: unset !important; padding: 0 !important; margin: 0 !important; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex a { font-size: 0.72rem !important; color: #A6825C !important; font-weight: 600 !important; } body[data-agent-skin="8"] #kt_aside .card-xl-stretch .bg-body > .d-flex .fw-bolder { font-size: 0.95rem !important; color: #2E241B !important; padding: 0 !important; } /* 입금/출금/포인트전환/루징금전환 → 2×2 액션 타일 */ body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center { padding-left: 1rem !important; padding-right: 1rem !important; gap: 8px; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn { width: 50% !important; margin: 4px 0 !important; min-height: 62px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border-radius: 14px !important; border: 1px solid #EADFCE !important; font-weight: 700; line-height: 1.1; box-shadow: none; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn::before { font-size: 1.2rem; line-height: 1; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-primary { background: rgba(229, 100, 62, 0.12) !important; color: #C94F2C !important; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-primary::before { content: "\2193"; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-danger { background: rgba(192, 57, 43, 0.10) !important; color: #C0392B !important; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-danger::before { content: "\2191"; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-info { background: rgba(43, 122, 168, 0.12) !important; color: #2B7AA8 !important; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-info::before { content: "\21C4"; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-success { background: rgba(110, 139, 61, 0.14) !important; color: #5E7A34 !important; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-success::before { content: "\21BB"; } body[data-agent-skin="8"] #kt_aside .menu-item.px-5.justify-content-center .btn:hover { filter: brightness(0.97); border-color: #E5643E !important; } /* ===================================================================== B. 네온 사이버 (data-agent-skin="9") — 강렬한 다크 ===================================================================== */ body[data-agent-skin="9"] { --bs-primary: #FF2E9A; --bs-primary-rgb: 255, 46, 154; --bs-primary-active: #E01B84; --kt-primary: #FF2E9A; --kt-primary-rgb: 255, 46, 154; --kt-primary-active: #E01B84; --bs-body-bg: #0A0A0F; --bs-body-color: #E8E8F0; --bs-border-color: #26263A; --bs-gray-100: #14141C; --bs-gray-200: #1C1C28; --bs-gray-300: #26263A; font-family: "Pretendard", "Noto Sans KR", sans-serif; background-color: #0A0A0F !important; color: #E8E8F0; } /* 숫자/영문 강조는 모노스페이스 */ body[data-agent-skin="9"] h1, body[data-agent-skin="9"] h2, body[data-agent-skin="9"] h3, body[data-agent-skin="9"] .h1, body[data-agent-skin="9"] .h2, body[data-agent-skin="9"] .h3 { color: #FFFFFF; letter-spacing: 0.02em; } /* Wrapper / Content */ body[data-agent-skin="9"] #kt_wrapper, body[data-agent-skin="9"] #kt_content, body[data-agent-skin="9"] .content { background-color: #0A0A0F; } body[data-agent-skin="9"] .toolbar, body[data-agent-skin="9"] #kt_toolbar { background-color: #0A0A0F; border-bottom-color: #26263A; } /* Header */ body[data-agent-skin="9"] #kt_header, body[data-agent-skin="9"] .header, body[data-agent-skin="9"] .header-fixed .header { background-color: #0C0C14; border-bottom: 1px solid #26263A; } /* Aside (사이드바) */ body[data-agent-skin="9"] .aside, body[data-agent-skin="9"] #kt_aside { background-color: #0C0C14 !important; border-right: 1px solid #26263A; } /* 메뉴 텍스트/아이콘/불릿 — KT 유틸(menu-title-gray-800 / menu-state-*-primary)이 자식 .menu-title / .menu-icon 에 하드코딩한 색(#3F4254 회색, #009EF7 파랑)을 네온톤으로 덮는다. KT 가 자식 노드에 직접 색을 지정하므로 동일 노드를 !important 로 오버라이드해야 이긴다. */ /* 기본 상태 */ body[data-agent-skin="9"] .aside .menu-item .menu-link, body[data-agent-skin="9"] .aside .menu-item .menu-link .menu-title { color: #B8B8CC !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link .menu-icon i { color: #6E6E8A !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #6E6E8A !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link .menu-bullet .bullet { background-color: #6E6E8A !important; } /* hover */ body[data-agent-skin="9"] .aside .menu-item .menu-link:hover:not(.disabled), body[data-agent-skin="9"] .aside .menu-item.hover > .menu-link:not(.disabled) { background-color: #1C1C28 !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link:hover .menu-title, body[data-agent-skin="9"] .aside .menu-item.hover > .menu-link .menu-title { color: #FFFFFF !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link:hover .menu-icon i, body[data-agent-skin="9"] .aside .menu-item.hover > .menu-link .menu-icon i { color: #17E9E0 !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link:hover .menu-icon .svg-icon svg [fill]:not(.permanent):not(g), body[data-agent-skin="9"] .aside .menu-item.hover > .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #17E9E0 !important; } /* active / here / show — 열린/선택 메뉴 강조 (기존 파랑 → 네온 핑크) */ body[data-agent-skin="9"] .aside .menu-item .menu-link.active, body[data-agent-skin="9"] .aside .menu-item.here > .menu-link, body[data-agent-skin="9"] .aside .menu-item.show > .menu-link { background-color: rgba(255, 46, 154, 0.15) !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link.active .menu-title, body[data-agent-skin="9"] .aside .menu-item.here > .menu-link .menu-title, body[data-agent-skin="9"] .aside .menu-item.show > .menu-link .menu-title { color: #FF2E9A !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link.active .menu-icon i, body[data-agent-skin="9"] .aside .menu-item.here > .menu-link .menu-icon i, body[data-agent-skin="9"] .aside .menu-item.show > .menu-link .menu-icon i { color: #FF2E9A !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #FF2E9A !important; } body[data-agent-skin="9"] .aside .menu-item .menu-link.active .menu-bullet .bullet { background-color: #FF2E9A !important; } /* Cards */ body[data-agent-skin="9"] .card { background-color: #14141C; border: 1px solid #26263A; box-shadow: 0 0 18px rgba(255, 46, 154, 0.08); color: #E8E8F0; } body[data-agent-skin="9"] .card-header { background-color: #14141C; border-bottom-color: #26263A; color: #E8E8F0; } /* Tables */ body[data-agent-skin="9"] .table { color: #E8E8F0; border-color: #26263A; } body[data-agent-skin="9"] .table > :not(caption) > * > * { background-color: #14141C; color: #E8E8F0; border-bottom-color: #26263A; box-shadow: none; } body[data-agent-skin="9"] .table > thead > tr > th { background-color: #1C1C28; color: #FFFFFF; border-color: #26263A; } body[data-agent-skin="9"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #101018; } body[data-agent-skin="9"] .table-striped > tbody > tr:nth-of-type(even) > * { background-color: #16161F; } body[data-agent-skin="9"] .table-hover > tbody > tr:hover > * { background-color: #1F1F2D; color: #FFFFFF; } body[data-agent-skin="9"] .table-bordered > :not(caption) > * { border-color: #26263A; } /* 정산/통계 다중 헤더 행 (.bg-secondary) + 강조셀 — 어둠 속에 묻히지 않게 대비 확보 */ body[data-agent-skin="9"] .table > thead { color: #FFFFFF; } body[data-agent-skin="9"] .bg-secondary, body[data-agent-skin="9"] .table > thead > tr.bg-secondary > th, body[data-agent-skin="9"] .table > tbody > tr.bg-secondary > td { background-color: #2B2B40 !important; color: #FFFFFF !important; } body[data-agent-skin="9"] .bg-light-primary { background-color: rgba(255, 46, 154, 0.16) !important; color: #FFFFFF !important; } body[data-agent-skin="9"] .bg-light-success { background-color: rgba(45, 212, 168, 0.18) !important; color: #FFFFFF !important; } body[data-agent-skin="9"] .bg-light-danger { background-color: rgba(255, 107, 122, 0.16) !important; color: #FFFFFF !important; } body[data-agent-skin="9"] .bg-light-warning { background-color: rgba(255, 184, 77, 0.16) !important; color: #FFFFFF !important; } body[data-agent-skin="9"] .bg-light-info { background-color: rgba(23, 233, 224, 0.14) !important; color: #FFFFFF !important; } /* bls3/brs3/bts3/bbs3 셀 구분선 (기본 #aaa → 다크톤) */ body[data-agent-skin="9"] .bls3 { border-left-color: #3A3A52 !important; } body[data-agent-skin="9"] .brs3 { border-right-color: #3A3A52 !important; } body[data-agent-skin="9"] .bts3 { border-top-color: #3A3A52 !important; } body[data-agent-skin="9"] .bbs3 { border-bottom-color: #3A3A52 !important; } /* Forms */ body[data-agent-skin="9"] .form-control, body[data-agent-skin="9"] .form-select { background-color: #101018; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .form-control:focus, body[data-agent-skin="9"] .form-select:focus { background-color: #0E0E15; border-color: #FF2E9A; color: #FFFFFF; box-shadow: 0 0 0 0.2rem rgba(255, 46, 154, 0.15); } body[data-agent-skin="9"] .form-control::placeholder { color: #5A5A72; } body[data-agent-skin="9"] .form-control:disabled, body[data-agent-skin="9"] .form-control[readonly] { background-color: #1C1C28; color: #7A7A92; } body[data-agent-skin="9"] .form-floating > label { color: #7A7A92; } body[data-agent-skin="9"] .input-group-text { background-color: #1C1C28; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .form-check-input { background-color: #101018; border-color: #3A3A52; } body[data-agent-skin="9"] .form-check-input:checked { background-color: #FF2E9A; border-color: #FF2E9A; } body[data-agent-skin="9"] .form-switch .form-check-input:checked { background-color: #FF2E9A; } /* Buttons */ body[data-agent-skin="9"] .btn.btn-primary { background-color: #FF2E9A; border-color: #FF2E9A; color: #FFFFFF; box-shadow: 0 0 12px rgba(255, 46, 154, 0.5); } body[data-agent-skin="9"] .btn.btn-primary:hover, body[data-agent-skin="9"] .btn.btn-primary:active { background-color: #E01B84; border-color: #E01B84; } body[data-agent-skin="9"] .btn.btn-secondary, body[data-agent-skin="9"] .btn.btn-light { background-color: #1C1C28; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .btn.btn-secondary:hover, body[data-agent-skin="9"] .btn.btn-light:hover { background-color: #26263A; color: #FFFFFF; } /* Text / Links */ body[data-agent-skin="9"] .text-dark { color: #E8E8F0 !important; } body[data-agent-skin="9"] .text-muted { color: #7A7A92 !important; } body[data-agent-skin="9"] .text-primary { color: #FF2E9A !important; } body[data-agent-skin="9"] .text-info { color: #17E9E0 !important; } body[data-agent-skin="9"] .text-success { color: #2DD4A8 !important; } body[data-agent-skin="9"] .text-warning { color: #FFB84D !important; } body[data-agent-skin="9"] .text-danger { color: #FF6B7A !important; } body[data-agent-skin="9"] a { color: #17E9E0; } body[data-agent-skin="9"] a:hover { color: #4FF3EC; } /* 숫자 강조 (금액/카운트 셀에 .num / .money 클래스가 있을 때) */ body[data-agent-skin="9"] .num, body[data-agent-skin="9"] .money { font-family: "JetBrains Mono", monospace; } /* Bg utils */ body[data-agent-skin="9"] .bg-white, body[data-agent-skin="9"] .bg-body { background-color: #14141C !important; } body[data-agent-skin="9"] .bg-light { background-color: #101018 !important; } body[data-agent-skin="9"] .bg-primary { background-color: #FF2E9A !important; } body[data-agent-skin="9"] .bg-light-primary { background-color: rgba(255, 46, 154, 0.15) !important; } body[data-agent-skin="9"] .bg-light-info { background-color: rgba(23, 233, 224, 0.12) !important; } /* Borders / separators */ body[data-agent-skin="9"] .border, body[data-agent-skin="9"] .border-secondary { border-color: #26263A !important; } body[data-agent-skin="9"] .separator { border-bottom-color: #26263A; } body[data-agent-skin="9"] hr { border-color: #26263A; color: #26263A; } /* Dropdowns / Modals */ body[data-agent-skin="9"] .dropdown-menu, body[data-agent-skin="9"] .menu-sub-dropdown { background-color: #1C1C28; border-color: #26263A; color: #E8E8F0; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.6); } body[data-agent-skin="9"] .dropdown-item { color: #E8E8F0; } body[data-agent-skin="9"] .dropdown-item:hover, body[data-agent-skin="9"] .dropdown-item:focus { background-color: #26263A; color: #FFFFFF; } body[data-agent-skin="9"] .modal-content { background-color: #14141C; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .modal-header { border-bottom-color: #26263A; } body[data-agent-skin="9"] .modal-footer { border-top-color: #26263A; } /* 우측 상단 사용자 드롭다운(.menu-sub-dropdown) — 컨테이너 menu-gray-800 이 링크를 #3F4254(진회색)로 강제해 다크 배경에서 안 보인다. menu-state-* hover(파랑)도 네온톤으로 교체. */ body[data-agent-skin="9"] .menu-sub-dropdown .menu-item .menu-link { color: #E8E8F0 !important; } body[data-agent-skin="9"] .menu-sub-dropdown .menu-item .menu-link:hover, body[data-agent-skin="9"] .menu-sub-dropdown .menu-item.hover > .menu-link, body[data-agent-skin="9"] .menu-sub-dropdown .menu-item.show > .menu-link { background-color: #26263A !important; color: #17E9E0 !important; } body[data-agent-skin="9"] .menu-sub-dropdown .separator { border-bottom-color: #26263A !important; } body[data-agent-skin="9"] .menu-sub-dropdown .text-muted { color: #7A7A92 !important; } /* Pagination */ body[data-agent-skin="9"] .page-link { background-color: #14141C; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .page-link:hover { background-color: #1F1F2D; color: #FFFFFF; } body[data-agent-skin="9"] .page-item.active .page-link { background-color: #FF2E9A; border-color: #FF2E9A; color: #FFFFFF; } body[data-agent-skin="9"] .page-item.disabled .page-link { background-color: #101018; color: #5A5A72; } /* Nav / Tabs */ body[data-agent-skin="9"] .nav-tabs { border-bottom-color: #26263A; } body[data-agent-skin="9"] .nav-tabs .nav-link { color: #7A7A92; } body[data-agent-skin="9"] .nav-tabs .nav-link.active { background-color: #14141C; border-color: #26263A #26263A #14141C; color: #FFFFFF; } body[data-agent-skin="9"] .nav-pills .nav-link.active { background-color: #FF2E9A; color: #FFFFFF; } /* SweetAlert2 / Select2 */ body[data-agent-skin="9"] .swal2-popup { background-color: #1C1C28; color: #E8E8F0; } body[data-agent-skin="9"] .swal2-title { color: #FFFFFF; } body[data-agent-skin="9"] .swal2-html-container { color: #E8E8F0; } body[data-agent-skin="9"] .select2-container--bootstrap5 .select2-selection { background-color: #101018; border-color: #26263A; color: #E8E8F0; } body[data-agent-skin="9"] .select2-container--bootstrap5 .select2-dropdown { background-color: #1C1C28; border-color: #26263A; } body[data-agent-skin="9"] .select2-container--bootstrap5 .select2-results__option--highlighted { background-color: #26263A; color: #FFFFFF; } /* Scrollbar */ body[data-agent-skin="9"] ::-webkit-scrollbar-track { background: #101018; } body[data-agent-skin="9"] ::-webkit-scrollbar-thumb { background: #FF2E9A; border-radius: 3px; } body[data-agent-skin="9"] ::-webkit-scrollbar-thumb:hover { background: #17E9E0; } /* ===================================================================== B-2. 네온 사이버 — 좌측 사이드바 상단 "HUD 컨트롤 패널" 레이아웃 재구성 웜아이보리(8)와 의도적으로 다른 구성: 잔액 다크 패널 + 모노스페이스 네온 숫자, 포인트/루징/여신은 세로 리스트(좌측 네온 액센트 바), 버튼은 풀폭 가로 바 세로 스택. menu.blade.php 마크업은 그대로, data-agent-skin="9" 스코프 CSS 로만 재배치. ===================================================================== */ /* 상단 시계 라벨 */ body[data-agent-skin="9"] #kt_aside #cur_time_agent { color: #17E9E0; font-family: "JetBrains Mono", monospace; font-weight: 500; letter-spacing: 0.08em; font-size: 0.76rem; margin-bottom: 0.7rem !important; } /* 잔액 히어로 → 다크 패널 + 네온 하단 라인 */ body[data-agent-skin="9"] #kt_aside .card-xl-stretch { border: none !important; box-shadow: none !important; background: transparent !important; margin-bottom: 0.7rem !important; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-primary { height: auto !important; padding: 16px 16px 18px !important; border-radius: 12px !important; background: linear-gradient(180deg, #1C1C28 0%, #12121A 100%) !important; border: 1px solid #26263A; box-shadow: inset 0 -2px 0 #FF2E9A, 0 0 20px rgba(255, 46, 154, 0.10); } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-primary #user_id { color: #17E9E0; font-weight: 600; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-primary #user_cash { font-family: "JetBrains Mono", monospace; color: #FF2E9A; font-size: 2rem; letter-spacing: -0.01em; text-shadow: 0 0 14px rgba(255, 46, 154, 0.55); } /* 포인트/루징/여신 → 세로 HUD 리스트 (좌측 시안 액센트 바) */ body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-body { margin: 10px 2px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; display: flex !important; flex-direction: column; gap: 6px; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-body > .d-flex { margin-bottom: 0 !important; padding: 7px 12px; background: #1C1C28; border: 1px solid #26263A; border-left: 3px solid #17E9E0; border-radius: 8px; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-body > .d-flex > .d-flex { justify-content: space-between !important; align-items: center !important; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-body > .d-flex a { font-size: 0.78rem !important; color: #7A7A92 !important; font-weight: 500 !important; } body[data-agent-skin="9"] #kt_aside .card-xl-stretch .bg-body > .d-flex .fw-bolder { font-family: "JetBrains Mono", monospace; font-size: 0.95rem !important; color: #FFFFFF !important; padding: 0 !important; } /* 입금/출금/포인트전환/루징금전환 → 풀폭 가로 바 4개 세로 스택 */ body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center { flex-direction: column !important; gap: 6px; padding-left: 1rem !important; padding-right: 1rem !important; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn { width: 100% !important; margin: 3px 0 !important; min-height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; border-radius: 8px !important; background: #1C1C28 !important; border: 1px solid #26263A !important; border-left: 3px solid #26263A !important; font-weight: 600; box-shadow: none; padding-left: 14px; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn::before { font-size: 1.1rem; line-height: 1; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-primary { color: #17E9E0 !important; border-left-color: #17E9E0 !important; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-primary::before { content: "\2193"; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-danger { color: #FF6B7A !important; border-left-color: #FF6B7A !important; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-danger::before { content: "\2191"; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-info { color: #FF2E9A !important; border-left-color: #FF2E9A !important; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-info::before { content: "\21C4"; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-success { color: #2DD4A8 !important; border-left-color: #2DD4A8 !important; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn.btn-success::before { content: "\21BB"; } body[data-agent-skin="9"] #kt_aside .menu-item.px-5.justify-content-center .btn:hover { background: #26263A !important; box-shadow: 0 0 12px rgba(23, 233, 224, 0.15); } /* ===================================================================== C. 미니멀 슬레이트 (data-agent-skin="10") — 무채색 라이트 + 단일 세이지틸 액센트 색을 최대한 절제한 차분한 톤. 사이드바도 밝은 흰색으로 8(브라운)/9(블랙)과 대비. ===================================================================== */ body[data-agent-skin="10"] { --bs-primary: #5F8A84; --bs-primary-rgb: 95, 138, 132; --bs-primary-active: #4E736E; --kt-primary: #5F8A84; --kt-primary-rgb: 95, 138, 132; --kt-primary-active: #4E736E; --bs-body-bg: #F3F4F6; --bs-body-color: #2F343A; --bs-border-color: #E4E7EA; font-family: "Pretendard", "Noto Sans KR", sans-serif; background-color: #F3F4F6 !important; color: #2F343A; } body[data-agent-skin="10"] h1, body[data-agent-skin="10"] h2, body[data-agent-skin="10"] h3, body[data-agent-skin="10"] .h1, body[data-agent-skin="10"] .h2, body[data-agent-skin="10"] .h3, body[data-agent-skin="10"] .card-title { color: #23282D; font-weight: 700; } /* Wrapper / Content */ body[data-agent-skin="10"] #kt_wrapper, body[data-agent-skin="10"] #kt_content, body[data-agent-skin="10"] .content, body[data-agent-skin="10"] .toolbar, body[data-agent-skin="10"] #kt_toolbar { background-color: #F3F4F6; } body[data-agent-skin="10"] #kt_toolbar, body[data-agent-skin="10"] .toolbar { border-bottom-color: #E4E7EA; } /* Header */ body[data-agent-skin="10"] #kt_header, body[data-agent-skin="10"] .header, body[data-agent-skin="10"] .header-fixed .header { background-color: #FFFFFF; border-bottom: 1px solid #E4E7EA; } /* Aside — 밝은 흰색 미니멀 */ body[data-agent-skin="10"] .aside, body[data-agent-skin="10"] #kt_aside { background-color: #FFFFFF !important; border-right: 1px solid #E4E7EA; } /* 메뉴 텍스트/아이콘/불릿 — KT 유틸 하드코딩색을 슬레이트/액센트로 오버라이드 */ body[data-agent-skin="10"] .aside .menu-item .menu-link, body[data-agent-skin="10"] .aside .menu-item .menu-link .menu-title { color: #4A525A !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link .menu-icon i { color: #9AA1A8 !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #9AA1A8 !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link .menu-bullet .bullet { background-color: #9AA1A8 !important; } /* hover */ body[data-agent-skin="10"] .aside .menu-item .menu-link:hover:not(.disabled), body[data-agent-skin="10"] .aside .menu-item.hover > .menu-link:not(.disabled) { background-color: #F2F3F5 !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link:hover .menu-title, body[data-agent-skin="10"] .aside .menu-item.hover > .menu-link .menu-title { color: #23282D !important; } /* active / here / show */ body[data-agent-skin="10"] .aside .menu-item .menu-link.active, body[data-agent-skin="10"] .aside .menu-item.here > .menu-link, body[data-agent-skin="10"] .aside .menu-item.show > .menu-link { background-color: rgba(95, 138, 132, 0.12) !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link.active .menu-title, body[data-agent-skin="10"] .aside .menu-item.here > .menu-link .menu-title, body[data-agent-skin="10"] .aside .menu-item.show > .menu-link .menu-title { color: #4E736E !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link.active .menu-icon i, body[data-agent-skin="10"] .aside .menu-item.here > .menu-link .menu-icon i, body[data-agent-skin="10"] .aside .menu-item.show > .menu-link .menu-icon i { color: #4E736E !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link.active .menu-icon .svg-icon svg [fill]:not(.permanent):not(g) { fill: #4E736E !important; } body[data-agent-skin="10"] .aside .menu-item .menu-link.active .menu-bullet .bullet { background-color: #4E736E !important; } /* Cards */ body[data-agent-skin="10"] .card { background-color: #FFFFFF; border: 1px solid #E4E7EA; border-radius: 12px; box-shadow: 0 1px 3px rgba(20, 30, 40, 0.04); color: #2F343A; } body[data-agent-skin="10"] .card-header { background-color: #FFFFFF; border-bottom-color: #E4E7EA; } /* Tables */ body[data-agent-skin="10"] .table { color: #2F343A; border-color: #E4E7EA; } body[data-agent-skin="10"] .table > thead > tr > th { background-color: #EEF0F2; color: #2F343A; border-color: #E4E7EA; } body[data-agent-skin="10"] .table-striped > tbody > tr:nth-of-type(odd) > * { background-color: #F7F8F9; } body[data-agent-skin="10"] .table-hover > tbody > tr:hover > * { background-color: #EEF0F2; } /* 정산/통계 다중 헤더 행 (.bg-secondary) + 강조셀 — 무채색 톤 */ body[data-agent-skin="10"] .bg-secondary, body[data-agent-skin="10"] .table > thead > tr.bg-secondary > th, body[data-agent-skin="10"] .table > tbody > tr.bg-secondary > td { background-color: #E7EAED !important; color: #2F343A !important; } body[data-agent-skin="10"] .bg-light-primary { background-color: rgba(95, 138, 132, 0.12) !important; color: #2F343A !important; } body[data-agent-skin="10"] .bg-light-success { background-color: rgba(110, 139, 106, 0.16) !important; color: #2F343A !important; } body[data-agent-skin="10"] .bg-light-danger { background-color: rgba(176, 107, 99, 0.14) !important; color: #2F343A !important; } body[data-agent-skin="10"] .bg-light-warning { background-color: rgba(196, 160, 90, 0.18) !important; color: #2F343A !important; } body[data-agent-skin="10"] .bg-light-info { background-color: rgba(108, 130, 153, 0.14) !important; color: #2F343A !important; } body[data-agent-skin="10"] .bls3 { border-left-color: #DADEE2 !important; } body[data-agent-skin="10"] .brs3 { border-right-color: #DADEE2 !important; } body[data-agent-skin="10"] .bts3 { border-top-color: #DADEE2 !important; } body[data-agent-skin="10"] .bbs3 { border-bottom-color: #DADEE2 !important; } /* Forms */ body[data-agent-skin="10"] .form-control, body[data-agent-skin="10"] .form-select { background-color: #FFFFFF; border-color: #DADEE2; color: #2F343A; } body[data-agent-skin="10"] .form-control:focus, body[data-agent-skin="10"] .form-select:focus { border-color: #5F8A84; box-shadow: 0 0 0 0.2rem rgba(95, 138, 132, 0.15); } body[data-agent-skin="10"] .form-check-input:checked { background-color: #5F8A84; border-color: #5F8A84; } /* Buttons — 채도 낮은 세만틱 컬러 */ body[data-agent-skin="10"] .btn.btn-primary { background-color: #5F8A84; border-color: #5F8A84; color: #FFFFFF; } body[data-agent-skin="10"] .btn.btn-primary:hover, body[data-agent-skin="10"] .btn.btn-primary:active { background-color: #4E736E; border-color: #4E736E; } body[data-agent-skin="10"] .btn.btn-danger { background-color: #B06B63; border-color: #B06B63; color: #FFFFFF; } body[data-agent-skin="10"] .btn.btn-success { background-color: #6E8B6A; border-color: #6E8B6A; color: #FFFFFF; } body[data-agent-skin="10"] .btn.btn-info { background-color: #6C8299; border-color: #6C8299; color: #FFFFFF; } body[data-agent-skin="10"] .btn.btn-light { background-color: #EEF0F2; border-color: #E4E7EA; color: #2F343A; } /* Text / Links */ body[data-agent-skin="10"] .text-primary { color: #5F8A84 !important; } body[data-agent-skin="10"] a { color: #4E736E; } body[data-agent-skin="10"] a:hover { color: #5F8A84; } /* Bg utils */ body[data-agent-skin="10"] .bg-primary { background-color: #5F8A84 !important; } /* Pagination */ body[data-agent-skin="10"] .page-item.active .page-link { background-color: #5F8A84; border-color: #5F8A84; } body[data-agent-skin="10"] .page-link { color: #4E736E; } /* Scrollbar — 절제된 회색 */ body[data-agent-skin="10"] ::-webkit-scrollbar-thumb { background: #C2C7CC; } body[data-agent-skin="10"] ::-webkit-scrollbar-track { background: #EDEEF0; } /* 우측 상단 사용자 드롭다운 — 흰 배경이라 기본 링크색은 가독성 OK, hover 만 액센트로 */ body[data-agent-skin="10"] .menu-sub-dropdown .menu-item .menu-link:hover, body[data-agent-skin="10"] .menu-sub-dropdown .menu-item.hover > .menu-link, body[data-agent-skin="10"] .menu-sub-dropdown .menu-item.show > .menu-link { background-color: #F2F3F5 !important; color: #4E736E !important; } /* ---- 좌측 사이드바 상단 계정 카드 레이아웃 ---- 이름 / 보유금 / 스탯을 하나의 정갈한 카드로 묶는다. .bg-primary 의 인라인 height:...px !important 는 일반 CSS 로 못 이기므로 display:contents 로 그 박스를 제거해 예약돼 있던 빈 공간을 없앤다. */ body[data-agent-skin="10"] #kt_aside #cur_time_agent { color: #868E96; font-weight: 600; font-size: 0.72rem; margin-bottom: 0.35rem !important; } /* 계정 카드 컨테이너 */ body[data-agent-skin="10"] #kt_aside .card-xl-stretch { background: #FFFFFF !important; border: 1px solid #E7EAED !important; border-radius: 14px !important; box-shadow: 0 1px 3px rgba(20, 30, 40, 0.05) !important; padding: 15px 15px 13px !important; margin: 2px 4px 12px !important; overflow: visible !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .card-body { padding: 0 !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary { display: contents !important; } /* 이름 + 보유금 (세로 스택) */ body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary > .d-flex { flex-direction: column !important; align-items: flex-start !important; text-align: left !important; padding: 0 !important; gap: 0 !important; background: transparent !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary .text-white { color: #2F343A !important; } /* 이름 줄: 아이디 + 정보 배지 인라인 */ body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary .fw-bold.fs-5 { display: flex !important; align-items: center !important; gap: 6px !important; width: 100% !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary #user_id { color: #2F343A !important; font-size: 0.98rem !important; font-weight: 700 !important; letter-spacing: -0.01em; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary .badge { font-size: 0.6rem !important; font-weight: 600 !important; padding: 2px 6px !important; background: #E7F0EE !important; color: #4E736E !important; border-radius: 6px !important; } /* 보유금: 캡션 라벨 + 금액 강조 */ body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary span.fw-bolder { display: flex !important; flex-direction: column !important; padding-top: 10px !important; line-height: 1.1 !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary span.fw-bolder::before { content: "보유금"; font-size: 0.66rem; font-weight: 600; color: #9AA1A8; letter-spacing: 0.03em; margin-bottom: 3px; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-primary #user_cash { color: #4E736E !important; font-size: 1.6rem !important; font-weight: 700 !important; letter-spacing: -0.02em; line-height: 1.1 !important; } /* 포인트/루징/여신 — 카드 안, 상단 구분선 3분할 스탯 */ body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body { margin: 13px 0 0 !important; padding: 12px 0 2px !important; display: flex !important; background: transparent !important; border: none !important; border-top: 1px solid #EDEFF1 !important; border-radius: 0 !important; box-shadow: none !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex { flex: 1 1 0 !important; margin: 0 !important; padding: 0 !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex:not(:last-child) { border-right: 1px solid #EDEFF1 !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex > .d-flex { flex-direction: column !important; align-items: center !important; gap: 3px !important; width: 100% !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex .flex-grow-1 { flex: unset !important; padding: 0 !important; margin: 0 !important; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex a { font-size: 0.64rem !important; color: #9AA1A8 !important; font-weight: 600 !important; letter-spacing: 0.02em; } body[data-agent-skin="10"] #kt_aside .card-xl-stretch .bg-body > .d-flex .fw-bolder { font-size: 0.92rem !important; color: #2F343A !important; padding: 0 !important; font-weight: 700 !important; } /* 입금/출금/포인트전환/루징금전환 — 슬림 버튼 */ body[data-agent-skin="10"] #kt_aside .menu-item.px-5.justify-content-center { gap: 6px; padding-left: 0.9rem !important; padding-right: 0.9rem !important; } body[data-agent-skin="10"] #kt_aside .menu-item.px-5.justify-content-center .btn { width: 50% !important; margin: 3px 0 !important; min-height: 34px; padding: 4px 6px; border-radius: 8px !important; font-size: 0.75rem; font-weight: 600; box-shadow: none; display: flex; align-items: center; justify-content: center; }