/* 검정·금색 고급 테마 마감 — 모든 화면에서 마지막에 로드된다.
   바탕: 카본 무늬 검정 / 테두리: 빛 반사 금테 / 주요 버튼: 금속 금색 */
:root{
 color-scheme:dark;
 --lx-bg:#080808;--lx-surface:#121110;--lx-surface-2:#1a1815;
 --lx-text:#efe6d2;--lx-text-2:#cfc3a8;--lx-muted:#9d927c;
 --lx-gold:#e2bc66;--lx-gold-soft:#f3dc9b;--lx-gold-deep:#9a7230;
 --lx-metal:linear-gradient(135deg,#fff1c4 0%,#e6c26e 22%,#b88a35 48%,#f2d78f 70%,#a87a2c 100%);
 --lx-frame:linear-gradient(135deg,#fbe9b0 0%,#6b5021 28%,#d9b45f 50%,#4d3a18 74%,#f0d48a 100%);
 --lx-card:linear-gradient(155deg,#1d1b18 0%,#0e0d0c 46%,#0a0a0a 100%);
 --lx-carbon:repeating-linear-gradient(45deg,#0b0b0b 0 3px,#101010 3px 6px);
 --lx-glow:0 0 0 1px #00000080,0 14px 34px #000000b3,inset 0 1px 0 #ffffff14;
}
html{background:var(--lx-bg)}
body{background:var(--lx-carbon)!important;background-attachment:fixed!important;color:var(--lx-text)}
::selection{background:#e2bc6655;color:#fff}
*{scrollbar-color:#6b5021 #0b0b0b}

/* 공통: 금테 카드 */
.panel,.card,.product,.order-card,.login-panel,.join-panel,.ma-card,.ma-hero,.ma-install,.product-card,
.member-income-cards article,.admin-shell .panel,.admin-shell .card{
 border:1px solid transparent!important;
 background:var(--lx-card) padding-box,var(--lx-frame) border-box!important;
 box-shadow:var(--lx-glow)!important}
.card-front,.card-back{border:1px solid #6b5021}

/* 공통: 금속 금색 주요 버튼 */
button.primary,.btn:not(.ghost):not(.light),.button,.hero-cta,.ma-primary,.ma-solid,.join-panel button.primary,
.order-summary>button,.order-footer button,.detail-actions>button:first-child,.storefront .product-buttons button:last-child,
.admin-shell button.primary{
 background:var(--lx-metal)!important;color:#1a1206!important;border:1px solid #f6e3a8!important;
 text-shadow:0 1px 0 #ffffff55;box-shadow:0 6px 18px #e2bc6633,inset 0 1px 0 #ffffffaa,inset 0 -2px 0 #00000033!important;font-weight:800}
button.primary:hover,.btn:not(.ghost):not(.light):hover,.button:hover,.hero-cta:hover,.ma-primary:hover,.admin-shell button.primary:hover{filter:brightness(1.08)}
/* 보조 버튼: 검정 + 금테 */
button.secondary,.btn.ghost,.btn.light,.ma-ghost,.ma-outline,.admin-shell button.secondary,.storefront .product-buttons button:first-child{
 background:linear-gradient(#141210,#0b0b0b) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important;color:var(--lx-gold-soft)!important}
button:disabled,button.primary:disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}

/* 입력칸 */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{
 background:#0c0b0a!important;color:var(--lx-text)!important;border-color:#4a3c22!important}
input::placeholder,textarea::placeholder{color:#7d735f!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--lx-gold)!important;box-shadow:0 0 0 3px #e2bc6633!important}
input:-webkit-autofill{-webkit-text-fill-color:var(--lx-text);box-shadow:0 0 0 40px #0c0b0a inset!important}
input[type=checkbox],input[type=radio]{accent-color:var(--lx-gold)}

/* 표 */
th{color:var(--lx-gold-soft)!important;background:#15130f!important;border-color:#3a3020!important}
td{border-color:#2a251b!important}
tbody tr:hover td{background:#e2bc660d}

/* 제목: 금빛 글자 */
h1{background:linear-gradient(180deg,#fff4d0 0%,#e6c26e 55%,#b88a35 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
h1 *{-webkit-text-fill-color:currentColor}
.eyebrow,.section-label,.ma-eyebrow{color:var(--lx-gold)!important;letter-spacing:.12em}

/* ── 관리자(ERP) ── */
.admin-shell aside{background:linear-gradient(180deg,#141210 0%,#070707 100%)!important;border-right:1px solid #3a2e17!important;color:var(--lx-text-2)!important;box-shadow:inset -1px 0 0 #e2bc6626}
.admin-shell .brand{color:var(--lx-text)!important}.admin-shell .brand span{color:var(--lx-gold)!important}
.admin-shell .brand small,.admin-shell .nav-label{color:#8b7c58!important}
.admin-shell #primary-nav button{color:var(--lx-text-2)!important}
.admin-shell #primary-nav button:hover{background:#e2bc6614!important;color:var(--lx-gold-soft)!important}
.admin-shell #primary-nav button.selected{background:var(--lx-metal)!important;color:#1a1206!important;box-shadow:0 6px 18px #e2bc6633,inset 0 1px 0 #ffffffaa!important}
.admin-shell .aside-bottom,.admin-shell .aside-bottom small{color:#8b7c58!important}
.admin-shell .aside-bottom a{color:var(--lx-text-2)!important}.admin-shell .aside-bottom a:hover{color:var(--lx-gold-soft)!important}
.admin-shell aside i{background:var(--lx-gold)!important}
.admin-shell header{border-bottom-color:#2a2418!important}
.admin-shell #section-nav button.selected{color:var(--lx-gold)!important}
.admin-shell #section-nav button.selected::after{background:var(--lx-metal)!important}
.admin-shell .card strong{color:var(--lx-gold-soft)!important}
.admin-shell .tag,.admin-shell .pill{background:#15130f!important;border-color:#4a3c22!important;color:var(--lx-gold-soft)!important}
#nav-scrim{background:#000000b3!important}
.auth-page,body.locked{background:var(--lx-carbon)!important}

/* ── 홈페이지·쇼핑몰 공통 헤더·푸터 ── */
body>header.site-header,.site-header,.header-nav{background:#070707f2!important;border-color:#2a2418!important}
.site-header .tabs>a,.site-header .tabs>button,.site-header .header-actions>a,.site-header .header-actions>button{color:var(--lx-text-2)!important}
.site-header .tabs>.active,.site-header .tabs>[aria-current=page],.site-header .tabs>a:hover,.site-header .tabs>button:hover{color:var(--lx-gold)!important;background:transparent!important}
.site-header .tabs em{color:var(--lx-gold)!important}
.site-header .tabs>.active::after,.site-header .tabs>[aria-current=page]::after{background:var(--lx-metal)!important}
.search input{background:#0c0b0a!important;border:1px solid #6b5021!important}
body>footer.site-footer,.site-footer{background:#050505!important;border-top:1px solid #2a2418!important;color:var(--lx-muted)}

/* 홈 배너·앱 안내 띠·하위 배너: 검정 바탕 + 금빛 조명 */
.hero,.slide,.page-banner,.store-hero,.service-band{
 background:radial-gradient(ellipse 60% 90% at 78% 40%,#e2bc6630 0%,#e2bc6608 45%,transparent 70%),
            linear-gradient(135deg,#17140f 0%,#0a0a0a 55%,#050505 100%)!important;
 color:var(--lx-text)!important}
.service-band,.store-hero{border:1px solid transparent!important;background:radial-gradient(ellipse 60% 90% at 78% 40%,#e2bc6630 0%,transparent 70%) padding-box,linear-gradient(135deg,#17140f,#050505) padding-box,var(--lx-frame) border-box!important}
.hero-controls{background:#0b0b0bcc!important;border:1px solid #6b5021!important;color:var(--lx-text-2)!important}
.hero-controls button{color:var(--lx-gold-soft)!important}

/* ── 회원 앱 ── */
.ma-top{background:#0b0b0be6!important;border:1px solid transparent!important;background:linear-gradient(#0f0e0c,#070707) padding-box,var(--lx-frame) border-box!important;border-radius:18px}
.ma-grid a{border:1px solid transparent!important;background:var(--lx-card) padding-box,var(--lx-frame) border-box!important;box-shadow:var(--lx-glow)!important}
.kp-tabs{background:linear-gradient(#141210,#070707) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important;box-shadow:0 -8px 24px #000000b3!important}
.kp-tabs a{color:#8b7c58!important}
.kp-tabs a[aria-current="page"],.kp-tabs a[aria-current="page"] svg{color:var(--lx-gold)!important}

/* LP지갑 황금 레벨 그래프 (원래 금색 디자인 → 검정 바탕으로) */
.lu-gold{background:radial-gradient(circle at 50% 30%,#2e2416 0%,#0a0a0a 75%) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important;color:#fff!important;box-shadow:var(--lx-glow)!important}
.lu-gold-eyebrow{color:#f2c14e!important}
.lu-ring-center small{color:#e8d7a8!important}.lu-ring-center b{color:#ffe08a!important}.lu-ring-center span{color:#f2c14e!important}
.lu-gold-text{color:#e9dfc8!important}
.lu-gold-btn{background:var(--lx-metal)!important;color:#1a1206!important}
.lu-seg-bg{stroke:#ffffff1f!important}
.lu-seg-label{fill:#ffffff73!important}.lu-seg-label.on{fill:#f2c14e!important}
.auth-card{border:1px solid transparent!important;background:var(--lx-card) padding-box,var(--lx-frame) border-box!important;box-shadow:0 30px 80px #000000d9,inset 0 1px 0 #ffffff14!important}
.hero-link{background:var(--lx-metal)!important;color:#1a1206!important;border:1px solid #f6e3a8!important;box-shadow:0 6px 18px #e2bc6633,inset 0 1px 0 #ffffffaa!important}
#lu-cut,[data-cal]{background:linear-gradient(#141210,#0b0b0b) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important;color:var(--lx-gold-soft)!important;border-radius:8px}
.lu-wallet .lu-main{background:var(--lx-metal)!important}
.lu-wallet .lu-main b{color:#3d2900!important}.lu-wallet .lu-main small,.lu-wallet .lu-main span{color:#5a4210!important}
.lu-wallet div:not(.lu-main){background:#15130f!important;border:1px solid #2e2618}
.lu-modal{background:var(--lx-card) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important}
.lu-modal::backdrop,dialog::backdrop,.app-dl::backdrop,.member-modal::backdrop{background:#000000b3!important}
#approval-modal{background:#000000b3!important}
#approval-modal .ap-box,dialog{background:var(--lx-card) padding-box,var(--lx-frame) border-box!important;border:1px solid transparent!important;color:var(--lx-text)!important}

/* 홈 검색칸·배너 버튼 */
.search input{border:0!important;box-shadow:none!important;background:transparent!important}
.search{background:#0c0b0a!important;border-color:#8a6a2c!important}
.hero-controls .counter,.hero-controls .counter b{color:var(--lx-gold-soft)!important}
.hero-controls #slide-pause::before{border-color:var(--lx-gold-soft)!important;background:transparent}

/* 원래 어두운 띠 위에 있던 글자: 밝게 */
.ma-hero p,.ma-hero b,.ma-hero span,.ma-install p,.service-band p,.service-band .band-actions #install-note,.app-dl p{color:var(--lx-text-2)!important}
.service-band h2,.ma-install h2{color:var(--lx-text)!important}
.admin-shell .tabs button.active{background:var(--lx-metal)!important;color:#1a1206!important;border-color:#f6e3a8!important}

/* ── 회원 마이페이지 ── */
.member-nav a:hover,.member-nav a[aria-current],.member-nav a.active{color:var(--lx-gold)!important;border-color:var(--lx-gold)!important}

/* 새 로고(심볼+글자 세로형) 크기 */
.site-header .logo-img{height:62px!important}.site-footer .logo-img{height:48px!important}.ma-logo .logo-img{height:44px!important}.ins-top .logo-img,.policy-top .logo-img{height:52px!important}.brand .logo-img{height:52px!important;background:transparent!important}
@media (max-width:640px){.site-header .logo-img{height:48px!important}}

/* 회원 목록: 표는 넓게, 오른쪽 상세 카드는 좁게 · 가로 스크롤 없음 */
.admin-shell #view-body:has(>#member-detail:not(:empty)){grid-template-columns:minmax(0,1fr) minmax(340px,420px)!important}
.admin-shell #view-body:has(>#member-detail:not(:empty))>.member-panel:not(#member-register){overflow-x:visible!important;min-width:0}
.admin-shell #member-detail .fields,.admin-shell #member-detail .review-meta{grid-template-columns:minmax(0,1fr)!important}
@media (min-width:761px){
.admin-shell .member-table{width:100%;table-layout:auto;font-size:13px}
.admin-shell .member-table th,.admin-shell .member-table td{padding:10px 8px;white-space:nowrap;vertical-align:middle}
.admin-shell .member-table td:nth-child(5){white-space:normal;min-width:120px}
.admin-shell .member-table .member-name{display:block;white-space:nowrap}
.admin-shell .member-table .member-name b{color:var(--lx-gold);margin-right:2px}
.admin-shell .member-table .center-badge{display:inline-block;margin:4px 4px 0 0;white-space:nowrap;font-size:11px;padding:2px 8px}
.admin-shell .member-table .table-subtext{display:block;margin-top:3px;white-space:nowrap}
.admin-shell .member-table .pay-check{white-space:nowrap}
}
@media (max-width:1279px){
 .admin-shell #view-body:has(>#member-detail:not(:empty)){grid-template-columns:minmax(0,1fr)!important}
 .admin-shell #view-body:has(>#member-detail:not(:empty))>.member-panel:not(#member-register){grid-column:1!important;position:static!important}
 .admin-shell #member-detail .fields,.admin-shell #member-detail .review-meta{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
}
@media (max-width:760px){.admin-shell .member-table .table-subtext{display:block;margin-top:2px}.admin-shell .member-table .center-badge{display:inline-block;margin:4px 4px 0 0}.admin-shell .tbl-cards td .pay-check input{width:18px;min-width:18px}}

/* 회원 상세 = 모달 창. 목록은 항상 화면 전체 폭 */
.admin-shell #view-body:has(>#member-detail:not(:empty)){display:block!important}
.admin-shell #view-body:has(>#member-detail:not(:empty))>.member-panel:not(#member-register){position:static!important}
.admin-shell #member-detail:not(:empty){position:fixed;inset:0;z-index:900;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;background:#000000b8;backdrop-filter:blur(3px);overflow:hidden}
.admin-shell #member-detail>.panel{width:min(980px,100%);max-height:92vh;overflow-y:auto;margin:0!important;box-shadow:0 24px 80px #000000cc}
.admin-shell #member-detail .panel-title{position:sticky;top:-1px;z-index:2;background:#121110;margin:-4px -4px 12px;padding:8px 4px 12px;gap:10px;flex-wrap:wrap}
.admin-shell #member-detail .detail-close{margin-left:auto;padding:6px 14px;font-size:13px}
.admin-shell #member-detail .fields,.admin-shell #member-detail .review-meta{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
body:has(.admin-shell #member-detail:not(:empty)){overflow:hidden}
@media (max-width:640px){.admin-shell #member-detail:not(:empty){padding:0}.admin-shell #member-detail>.panel{max-height:100vh;height:100%;border-radius:0!important}}