/* ═══════════════════════════════════════════════════════════
   AMA Mock — 모바일 전용 (mobile.css)
   모바일 앱 느낌으로 최적화
   ═══════════════════════════════════════════════════════════ */

/* ─── 모바일 하단 빈 공간 방지 (강력 처리) ─── */
@media(max-width:768px){
    /* html/body 자체를 어둡게 + dvh 로 브라우저 UI 접힘에도 풀 커버 */
    html{
        background-color:#06090f !important;
        overscroll-behavior:none !important;
        min-height:100vh;
        min-height:100dvh;
    }
    body{
        background-color:#06090f !important;
        overscroll-behavior:none !important;
        min-height:100vh;
        min-height:100dvh;
    }
    [data-theme="light"] html{background-color:#f7f8fa !important;}
    [data-theme="light"] body{background-color:#f7f8fa !important;}
    /* 하단 네비 아래로 항상 어두운 필러 — 뷰포트 밖까지 500px 확장 (브라우저 UI 접힘/overscroll 시 노출되는 공간 커버) */
    .mobile-bottom-nav{
        background:#06090f !important;
    }
    [data-theme="light"] .mobile-bottom-nav{
        background:#f7f8fa !important;
    }
    /* 하단 네비의 부모(body)에 fixed 필러 부착: 네비 아래부터 화면 밖 500px 까지 검은색으로 칠함 */
    body::after{
        content:'' !important;
        position:fixed !important;
        left:0 !important;right:0 !important;
        bottom:-500px !important;
        height:500px !important;
        background:#06090f !important;
        z-index:9985 !important;
        pointer-events:none !important;
    }
    [data-theme="light"] body::after{background:#f7f8fa !important;}
    /* 네비 자체에도 아래로 확장 pseudo-element (네비 뒤에 붙어서 즉시 이어짐) */
    .mobile-bottom-nav::after{
        content:'' !important;
        position:absolute !important;
        top:100% !important;
        left:0 !important;right:0 !important;
        height:500px !important;
        background:inherit !important;
        pointer-events:none !important;
        z-index:-1 !important;
    }
}

/* 기본 숨김 */
.mobile-hamburger,.mobile-bottom-nav,.mobile-menu-overlay{display:none;}
.m-guest-bell,.m-guest-profile{display:none;}

/* 햄버거 */
.mobile-hamburger{width:32px;height:32px;border:none;background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px;flex-shrink:0;}
.mobile-hamburger span{display:block;width:18px;height:2px;background:linear-gradient(135deg,#e5e7eb,#9ca3af);border-radius:1px;box-shadow:0 1px 3px rgba(180,190,205,.35);transition:all .3s;}
.mobile-hamburger:active span{box-shadow:0 0 6px rgba(200,208,220,.55);}

/* 사이드 메뉴 */
.mobile-menu-overlay{position:fixed;inset:0;z-index:9998;}
.mobile-menu-overlay.open{display:block!important;}
.mobile-menu-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,16,24,.62),rgba(6,9,14,.72));backdrop-filter:blur(4px);}
.mobile-menu-panel{position:absolute;top:0;left:0;bottom:0;width:280px;background:linear-gradient(135deg,rgba(20,26,38,0.97),rgba(10,14,22,0.99));border-right:1px solid rgba(200,208,220,0.30);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),inset -1px 0 0 rgba(200,208,220,0.08),4px 0 24px rgba(0,0,0,0.38);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:20px 0;}
.mobile-menu-overlay.open .mobile-menu-panel{transform:translateX(0);}
.mobile-menu-header{padding:0 20px 16px;border-bottom:1px solid rgba(200,208,220,.16);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;}
.mobile-menu-close{background:none;border:none;color:rgba(200,208,220,.62);font-size:20px;cursor:pointer;padding:4px;transition:color .2s,text-shadow .2s;}
.mobile-menu-close:hover{color:#e5e7eb;text-shadow:0 0 8px rgba(200,208,220,.5);}
.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:600;color:#c9ced6;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s;}
.mobile-menu-item:hover{background:linear-gradient(90deg,rgba(200,208,220,0.09),rgba(160,170,185,0.02));color:#e5e7eb;}
.mobile-menu-item.active{font-weight:800;color:#f3f4f6;background:linear-gradient(90deg,rgba(200,208,220,0.16),rgba(160,170,185,0.04));box-shadow:inset 3px 0 0 rgba(200,208,220,0.75),inset 0 1px 0 rgba(255,255,255,0.10);}
.mobile-menu-item i{width:20px;text-align:center;font-size:15px;color:rgba(200,208,220,.58);transition:color .2s,filter .2s;}
.mobile-menu-item:hover i{color:rgba(200,208,220,.85);}
.mobile-menu-item.active i{color:#e5e7eb;filter:drop-shadow(0 0 5px rgba(200,208,220,.45));}
.mobile-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(200,208,220,.24),transparent);margin:8px 0;}
.mobile-menu-group{padding:16px 20px 4px;margin-top:6px;border-top:1px solid rgba(200,208,220,.14);}
.mobile-menu-group:first-of-type{border-top:none;margin-top:2px;}
.mobile-menu-group-title{font-size:10.5px!important;font-weight:700!important;color:rgba(200,208,220,.52)!important;letter-spacing:1px;text-transform:uppercase;opacity:1!important;}
[data-theme="light"] .mobile-menu-group{border-top-color:rgba(0,0,0,.06);}
[data-theme="light"] .mobile-menu-group-title{color:rgba(0,0,0,.45)!important;}

/* ═══ 768px: 태블릿/모바일 ═══ */
@media(max-width:768px){
/* 모바일에서 "SNS로 10초만에 가입하기" 말풍선 숨김 (UI 노이즈) */
.login-bubble{display:none!important;}
/* 상단 네비: 왼쪽 햄버거, 가운데 로고, 오른쪽 알림+프로필 */
.nav-container{padding:0 14px 0 10px;}
.nav-links{display:none!important;}
.nav-more-wrap{display:none!important;}
/* 로고: 햄버거(좌측) 옆 자연 정렬 — 우측 아이콘과 겹침 방지 */
.nav-brand{position:static!important;left:auto!important;transform:none!important;min-width:0!important;margin-left:6px!important;}
.nav-brand img{height:26px!important;}
.nav-right{min-width:auto;gap:10px!important;margin-left:auto!important;padding-right:2px!important;align-items:center!important;}
.nav-username,.nav-plan-badge{display:none!important;}
/* 모바일에서는 칭호(nav-title-badge)도 숨김 — 알람 + 프로필만 노출 */
.nav-title-badge{display:none!important;}
.theme-toggle{display:none!important;} /* 모드 전환 숨김 */
.nav-mobile-toggle{display:none!important;} /* 오른쪽 햄버거 숨김 — 왼쪽 .mobile-hamburger와 중복 방지 */
.nav-avatar,.nav-avatar-placeholder{width:34px!important;height:34px!important;}
#userDropdown i[data-lucide="chevron-down"]{display:none!important;}
.noti-bell i[data-lucide="bell"]{width:22px!important;height:22px!important;}
.mobile-hamburger{display:flex!important;}

/* ─── 비로그인 게스트 모바일: 알림 + 프로필 아이콘 (탭 시 앱 다운로드 팝업) ─── */
.m-guest-desktop-only{display:none!important;}
.m-guest-bell,.m-guest-profile{
    display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    width:28px!important;height:28px!important;
    border:1px solid rgba(200,208,220,0.20)!important;
    background:linear-gradient(135deg,rgba(20,26,38,0.72),rgba(10,14,22,0.92))!important;
    color:var(--text-primary,#e4e4e7)!important;
    border-radius:8px!important;
    padding:0!important;cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
    transition:transform .12s,border-color .18s!important;
}
.m-guest-bell:active,.m-guest-profile:active{transform:scale(0.94)!important;border-color:rgba(200,208,220,0.5)!important;}
.m-guest-bell i,.m-guest-profile i,
.m-guest-bell svg,.m-guest-profile svg{width:14px!important;height:14px!important;}

/* 티커 한줄 */
.ticker-bar{height:28px!important;font-size:10px!important;}

/* 마이페이지 */
.mypage-hero{padding:16px!important;}
.mypage-profile{flex-direction:column;text-align:center;gap:12px;}
.mypage-avatar-wrap{margin:0 auto;}
.mypage-info{align-items:center;}
.mypage-follow-stats{justify-content:center;}
.mypage-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:0 8px;gap:0;}
.mypage-tabs::-webkit-scrollbar{display:none;}
.mypage-tab{white-space:nowrap;font-size:11px;padding:10px 12px;}
.mypage-tab i{display:none;}

/* ══════════════════════════════════════════
   모의투자 — 바이낸스 모바일 선물 UI
   왼쪽 주문창 + 오른쪽 호가창
   ══════════════════════════════════════════ */
.trade-page{padding:0!important;overflow-x:hidden!important;}

/* trade-body: grid → flex wrap */
.trade-page .trade-body{
    display:flex!important;flex-wrap:wrap!important;
    grid-template-columns:none!important;
    height:auto!important;min-height:auto!important;overflow:visible!important;
}

/* ── 모바일 탭 바 (차트/호가/주문 전환) ── */
.mobile-trade-tabs{
    display:flex!important;width:100%;border-bottom:1px solid rgba(255,255,255,.04);
}
.mobile-trade-tab{
    flex:1;padding:7px 0;text-align:center;font-size:11px;font-weight:700;
    color:var(--text-muted);cursor:pointer;border:none;background:none;
    border-bottom:2px solid transparent;transition:all .2s;
}
.mobile-trade-tab.active{color:#c9ced6;border-bottom-color:#c9ced6;}

/* 1) 심볼+가격 (항상 표시) */
.trade-page .trade-chart-col{
    width:100%!important;order:1!important;border:none!important;padding:0!important;
    flex:none!important;height:auto!important;min-height:auto!important;max-height:none!important;
}
.trade-page .symbol-top-bar{
    padding:4px 12px!important;gap:4px!important;flex-wrap:wrap!important;
}
.trade-page .symbol-name-display{font-size:14px!important;font-weight:700!important;}
.trade-page .stat-price{width:100%!important;display:flex!important;align-items:baseline!important;gap:8px!important;}
.trade-page .stat-price .current-mark-price{font-size:20px!important;font-weight:800!important;}
.trade-page .mark-change{font-size:12px!important;font-weight:700!important;}
.trade-page .symbol-stats{display:none!important;}
.trade-page .chart-expand-btn,.trade-page #tutorialBtn,.mobile-chart-toggle{display:none!important;}
/* 차트 뷰: 24h 통계 + 차트모드 전환 표시 */
.trade-page.view-chart .symbol-stats{display:flex!important;}
.trade-page.view-chart .chart-mode-toggle{display:flex!important;}

/* 차트: 기본 숨김 */
.trade-page .pos-level-bar{display:none!important;}
.trade-page .trade-chart-wrapper{display:none!important;}

/* ═══ 차트 뷰 활성화 시 ═══ */
/* 심볼 상단바: 3줄 구조 강제 */
.trade-page.view-chart .symbol-top-bar{
    padding:6px 12px 4px!important;gap:0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto auto!important;
    align-items:center!important;
}
/* 줄1 왼쪽: 종목명 */
.trade-page.view-chart .symbol-selector-wrap{grid-column:1!important;grid-row:1!important;}
.trade-page.view-chart .symbol-name-display{font-size:13px!important;}
/* 줄1 오른쪽: 차트/TV 전환 */
.trade-page.view-chart .chart-mode-toggle{
    display:flex!important;grid-column:2!important;grid-row:1!important;
    gap:3px!important;justify-self:end!important;
}
.trade-page.view-chart .chart-mode-btn{font-size:8px!important;padding:2px 7px!important;border-radius:4px!important;}
/* 줄2: 가격 + 등락률 (전체 폭) */
.trade-page.view-chart .stat-price{
    grid-column:1/-1!important;grid-row:2!important;
    display:flex!important;align-items:baseline!important;gap:6px!important;
    margin-top:2px!important;width:100%!important;
}
.trade-page.view-chart .stat-price .current-mark-price{font-size:18px!important;}
.trade-page.view-chart .mark-change{font-size:10px!important;}
/* 줄3: 24h 통계 (전체 폭, 가로 배치) */
.trade-page.view-chart .symbol-stats{
    display:flex!important;grid-column:1/-1!important;grid-row:3!important;
    gap:10px!important;margin-top:2px!important;width:100%!important;
}
.trade-page.view-chart .symbol-stats .stat-item{
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;flex:1!important;
}
.trade-page.view-chart .symbol-stats .stat-label{font-size:7px!important;color:var(--text-muted)!important;}
.trade-page.view-chart .symbol-stats .stat-val{font-size:9px!important;font-weight:700!important;color:var(--text-primary)!important;}
/* pos-level-bar 숨김 */
.trade-page.view-chart .pos-level-bar{display:none!important;}
/* 차트 높이 */
.trade-page.view-chart .trade-chart-wrapper{display:block!important;height:50vh!important;min-height:280px!important;}
/* TradingView iframe 배경 맞춤 */
.trade-page.view-chart .trade-chart-wrapper .trade-chart,
.trade-page.view-chart #tradeChartWidget{background:#060910!important;border:none!important;}
.trade-page.view-chart #tradeChartWidget iframe{border:none!important;background:#060910!important;}
[data-theme="light"] .trade-page.view-chart .trade-chart-wrapper .trade-chart,
[data-theme="light"] .trade-page.view-chart #tradeChartWidget{background:#ffffff!important;}
/* 시간봉 바 */
.trade-page.view-chart .lw-interval-bar{display:flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:3px 6px!important;align-items:center!important;}
.trade-page.view-chart .lw-interval-btn{font-size:9px!important;padding:3px 5px!important;flex-shrink:0!important;}
.trade-page.view-chart .lw-draw-bar{display:none!important;}
.trade-page.view-chart .trade-order-col{display:none!important;}
/* ═══ 차트 뷰: 호가창 (전체 폭, 적당한 높이) ═══ */
.trade-page.view-chart .trade-book-col{
    display:flex!important;flex-direction:column!important;
    width:100%!important;max-width:100%!important;
    order:5!important;overflow:hidden!important;border:none!important;
    max-height:50vh!important;
}
.trade-page.view-chart .trade-book-col .ob-header-row{padding:4px 10px!important;}
.trade-page.view-chart .trade-book-col .ob-col-header{font-size:10px!important;padding:3px 10px!important;}
.trade-page.view-chart .trade-book-col .ob-row{padding:3px 10px!important;font-size:10px!important;height:20px!important;}
.trade-page.view-chart .trade-book-col .orderbook-asks,
.trade-page.view-chart .trade-book-col .orderbook-bids{height:auto!important;max-height:none!important;min-height:auto!important;}
.trade-page.view-chart .ob-row.ask .ob-bar{background:rgba(246,70,93,0.10)!important;}
.trade-page.view-chart .ob-row.bid .ob-bar{background:rgba(14,203,129,0.10)!important;}
/* 차트 뷰: 게이지바를 가격 아래로 (order) */
.trade-page.view-chart .ob-header-row{order:1!important;}
.trade-page.view-chart .ob-col-header{order:2!important;}
.trade-page.view-chart .orderbook-asks{order:3!important;}
.trade-page.view-chart .orderbook-mid{order:4!important;}
.trade-page.view-chart .ob-power-bar{order:5!important;border-top:none!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;}
.trade-page.view-chart .orderbook-bids{order:6!important;}
.trade-page.view-chart .rt-divider{order:7!important;}
.trade-page.view-chart .rt-col-header{order:8!important;}
.trade-page.view-chart .recent-trades-body{order:9!important;}
/* 차트 뷰: Trades 체결내역 표시 — 스크롤바 없이 */
.trade-page.view-chart .trade-book-col .rt-divider,
.trade-page.view-chart .trade-book-col .rt-col-header,
.trade-page.view-chart .trade-book-col .recent-trades-body{display:block!important;}
.trade-page.view-chart .rt-divider{font-size:10px!important;padding:4px 10px!important;}
.trade-page.view-chart .rt-col-header{font-size:9px!important;padding:3px 10px!important;}
.trade-page.view-chart .recent-trades-body{overflow:hidden!important;scrollbar-width:none!important;}
.trade-page.view-chart .recent-trades-body::-webkit-scrollbar{display:none!important;}

/* ═══ 호가 뷰: 전체 폭 호가창 ═══ */
.trade-page.view-depth .trade-order-col{display:none!important;}
.trade-page.view-depth .trade-book-col{display:block!important;width:100%!important;max-height:calc(100vh - 180px)!important;max-width:100%!important;}
.trade-page.view-depth .ob-col-header{font-size:11px!important;padding:6px 12px!important;}
.trade-page.view-depth .orderbook-asks .ob-row,.trade-page.view-depth .orderbook-bids .ob-row{
    padding:5px 12px!important;font-size:13px!important;height:28px!important;
}
.trade-page.view-depth .ob-row.ask .ob-bar{background:rgba(246,70,93,0.10)!important;}
.trade-page.view-depth .ob-row.bid .ob-bar{background:rgba(14,203,129,0.10)!important;}
.trade-page.view-depth .ob-mid-price{font-size:20px!important;}
/* 호가 뷰: asks/bids 같은 높이 분배 */
.trade-page.view-depth .orderbook-asks{max-height:35vh!important;overflow-y:auto!important;}
.trade-page.view-depth .orderbook-bids{max-height:35vh!important;overflow-y:auto!important;}
/* 호가 뷰: 게이지바를 가격 아래로 */
.trade-page.view-depth .ob-header-row{order:1!important;}
.trade-page.view-depth .ob-col-header{order:2!important;}
.trade-page.view-depth .orderbook-asks{order:3!important;}
.trade-page.view-depth .orderbook-mid{order:4!important;}
.trade-page.view-depth .ob-power-bar{order:5!important;border-top:none!important;border-bottom:1px solid rgba(255,255,255,0.04)!important;}
.trade-page.view-depth .orderbook-bids{order:6!important;}
.trade-page.view-depth .rt-divider{order:7!important;}
.trade-page.view-depth .rt-col-header{order:8!important;}
.trade-page.view-depth .recent-trades-body{order:9!important;}
/* 호가 뷰: 체결내역 표시 */
.trade-page.view-depth .rt-divider,.trade-page.view-depth .rt-col-header,.trade-page.view-depth .recent-trades-body{display:block!important;}
.trade-page.view-depth .rt-divider{font-size:11px!important;padding:6px 8px!important;}
.trade-page.view-depth .rt-col-header{font-size:10px!important;padding:4px 8px!important;}
/* 거래내역/랭킹 모바일 통일 */
.trade-page .trade-table th,.trade-page .trade-table td{padding:5px 4px!important;font-size:10px!important;white-space:nowrap;}
.trade-page .table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:70px;}
.trade-page .trade-table{min-width:360px;}
/* 거래내역 수수료 열 숨김 (7번째) */
.trade-page #tab-history th:nth-child(7),.trade-page #tab-history td:nth-child(7){display:none!important;}
/* 하단 탭 영역 통일 */
.trade-page .tab-content{min-height:200px!important;padding:8px!important;}
.trade-page #tab-ranking{padding:8px!important;overflow-y:auto!important;max-height:50vh;}
.trade-page #tab-ranking .ranking-table-header{padding:6px 0!important;}
.trade-page #tab-ranking table{width:100%!important;font-size:10px!important;}
.trade-page #tab-ranking td,.trade-page #tab-ranking th{padding:5px 4px!important;}

/* ═══ 랭킹 테이블 모바일 압축 — 총 자산/거래 수 숨김, ROI·실현 PNL 한 줄 */
.trade-page #tab-ranking .ranking-table{min-width:0!important;width:100%!important;}
.trade-page #tab-ranking .ranking-table th:nth-child(3),.trade-page #tab-ranking .ranking-table td:nth-child(3){display:none!important;}
.trade-page #tab-ranking .ranking-table th:nth-child(6),.trade-page #tab-ranking .ranking-table td:nth-child(6){display:none!important;}
.trade-page #tab-ranking .ranking-table th,.trade-page #tab-ranking .ranking-table td{white-space:normal!important;}
.trade-page #tab-ranking .ranking-table td.trader-cell{overflow:hidden!important;text-overflow:ellipsis!important;max-width:40vw!important;overflow-wrap:anywhere!important;}

/* 주문 뷰 (기본) */
/* 2) 왼쪽: 주문창 (55%) */
.trade-page .trade-order-col{
    width:55%!important;order:2!important;border:none!important;
    flex:none!important;max-height:none!important;overflow:visible!important;
}

/* 하단 매수/매도 고정 바 (차트/호가 모드에서) */
.mobile-buy-sell-bar{
    position:fixed!important;bottom:56px!important;left:0!important;right:0!important;z-index:998!important;
    padding:8px 12px!important;background:var(--bg-primary)!important;border-top:1px solid rgba(255,255,255,.04)!important;
    gap:8px!important;display:none!important;
}
.view-chart .mobile-buy-sell-bar,
.view-depth .mobile-buy-sell-bar{display:flex!important;}
.mobile-buy-sell-bar button{
    flex:1;padding:11px;border-radius:8px;border:none;font-size:13px;font-weight:800;cursor:pointer;
}
.mobile-buy-sell-bar .mbs-buy{background:#0ecb81;color:#fff;}
.mobile-buy-sell-bar .mbs-sell{background:#f6465d;color:#fff;}
.trade-page .order-mode-bar{padding:6px 8px!important;}
.trade-page .mode-btn{font-size:10px!important;padding:3px 8px!important;}
.trade-page .order-account{padding:4px 8px!important;font-size:9px!important;margin-top:8px!important;}
.trade-page .order-account .oa-row{padding:1px 0!important;}
.trade-page .order-account .refill-row,.trade-page .order-account .oa-row.total{display:none!important;}
.trade-page .order-form{padding:4px 8px!important;}
.trade-page .order-type-tabs{margin-bottom:4px!important;}
.trade-page .order-type-btn{font-size:10px!important;padding:4px 0!important;}
.trade-page .of-field{margin-bottom:3px!important;}
.trade-page .of-field label{font-size:8px!important;margin-bottom:1px!important;}
.trade-page .of-input,.trade-page .trigger-input-wrap input{height:28px!important;font-size:11px!important;padding:0 6px!important;}
.trade-page .seed-ctrl{gap:4px!important;}
.trade-page .of-slider{height:3px!important;--track-h:3px!important;}
.trade-page .seed-marks{font-size:7px!important;}
.trade-page .seed-val{font-size:10px!important;}
.trade-page .seed-info{font-size:8px!important;gap:4px!important;}
.trade-page .fee-info{font-size:7px!important;}
.trade-page .tpsl-toggle-label,.trade-page .reduce-only-label{font-size:9px!important;}
.trade-page .tpsl-order-row label{font-size:8px!important;}
.trade-page .tpsl-order-row .of-input{height:26px!important;}
/* TP/SL 적용 버튼: 아래에 전체 폭 */
.trade-page .tpsl-order-fields{flex-wrap:wrap!important;}
.trade-page .tpsl-apply-btn{flex-basis:100%!important;width:100%!important;margin-top:4px!important;padding:10px 0!important;font-size:11px!important;border-radius:6px!important;}
.trade-page .order-btns{display:flex!important;gap:4px!important;margin-top:4px!important;}
.trade-page .btn-long,.trade-page .btn-short{
    flex:1!important;padding:10px 0!important;font-size:12px!important;font-weight:800!important;border-radius:6px!important;
}
.trade-page .ai-manager-section{margin-top:4px!important;padding-top:4px!important;}
.trade-page .ai-mgr-header{padding:6px 8px!important;font-size:10px!important;}
.trade-page .ai-mgr-body{padding:6px 8px!important;font-size:9px!important;}

/* ═══ 호가창 대규모 패치 — 모든 뷰 공통 ═══ */

/* 바(bar) 색상: 바이낸스 스타일 — 부드러운 애니메이션 */
.trade-page .ob-row .ob-bar{opacity:1!important;transition:width 0.4s cubic-bezier(0.25,0.46,0.45,0.94)!important;}
.trade-page .ob-row.ask .ob-bar{background:rgba(246,70,93,0.10)!important;}
.trade-page .ob-row.bid .ob-bar{background:rgba(14,203,129,0.10)!important;}
/* 매수/매도 게이지바 모바일 — 최소 크기 */
.trade-page .ob-power-bar{padding:1px 4px!important;gap:1px!important;margin:0!important;border-top:none!important;height:14px!important;min-height:14px!important;max-height:14px!important;}
.trade-page .ob-power-label{font-size:7px!important;min-width:20px!important;line-height:1!important;}
.trade-page .ob-power-track{height:3px!important;}

/* 3) 오른쪽: 호가창 (45%) — 주문창과 같은 높이 */
.trade-book-col{
    display:flex!important;flex-direction:column!important;visibility:visible!important;
    width:45%!important;order:3!important;
    padding:0!important;overflow:hidden!important;border:none!important;
    flex:none!important;min-width:0!important;max-width:45%!important;
    align-self:stretch!important;
}
.trade-page .orderbook-asks{flex:1!important;}
.trade-page .orderbook-bids{flex:1!important;}
.trade-page .trade-book-col{border-left:2px solid rgba(255,255,255,.06)!important;}
/* 주문창 상단 여백 */
.trade-page .order-mode-bar{margin-top:4px!important;}
/* 호가창 헤더 + 단위 선택 */
.trade-page .ob-header-row{padding:4px 4px 2px 6px!important;font-size:10px!important;}
.trade-page .ob-tick-select{font-size:9px!important;padding:1px 4px!important;}
.trade-page .ob-col-header{font-size:9px!important;padding:3px 4px 3px 6px!important;color:var(--text-muted)!important;display:flex!important;justify-content:space-between!important;}
.trade-page .ob-col-header span{font-size:9px!important;flex:1!important;text-align:center!important;}
.trade-page .ob-col-header span:first-child{text-align:left!important;}
/* 호가 행 */
.trade-page .orderbook-asks .ob-row,.trade-page .orderbook-bids .ob-row{
    padding:2px 4px 2px 6px!important;font-size:9px!important;height:19px!important;
}
/* 수량: 가운데, 누적: 오른쪽 (세로선에 붙게) */
.trade-page .ob-row .ob-qty{text-align:center!important;}
.trade-page .ob-row .ob-cumul{text-align:right!important;padding-right:2px!important;}
/* asks/bids: flex로 균등 분배, 가운데 정렬 */
.trade-page .orderbook-asks{overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.trade-page .orderbook-bids{overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
/* 중간가 */
.trade-page .ob-mid-price{font-size:12px!important;font-weight:700!important;}
.trade-page .ob-mid-mark,.trade-page .ob-mid-arrow{font-size:8px!important;}
.trade-page .orderbook-mid{padding:1px 0!important;}
.trade-page .rt-divider,.trade-page .rt-col-header,.trade-page .recent-trades-body{display:none!important;}

/* 4) 포지션/주문/내역 탭: 전체 폭 아래 */
.trade-page .trade-bottom{width:100%!important;order:4!important;clear:both!important;}
.trade-page .tab-header{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:0 8px;}
.trade-page .tab-header::-webkit-scrollbar{display:none;}
.trade-page .tab-btn{font-size:10px!important;padding:8px 10px!important;white-space:nowrap;}
.trade-page .tab-content{padding:0 4px!important;}
.trade-page .trade-table{font-size:9px!important;}
.trade-page .trade-table th,.trade-page .trade-table td{padding:4px 3px!important;white-space:nowrap;}
.trade-page .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:70px;}

/* 시드 바 */
.trade-page .seed-info-bar{font-size:8px!important;padding:4px 8px!important;}

/* AIM */
.ax-lvl-bar{padding:12px 10px!important;}
.ax-lvl-node{min-width:44px;}
.ax-lvl-icon{width:40px!important;height:40px!important;}
.ax-lvl-name{font-size:8px!important;}
.ax-lvl-conn{min-width:14px!important;}
.ax-main-grid{flex-direction:column!important;}
.ax-glass{min-width:100%!important;}
.ax-ctrl-row{flex-direction:column!important;gap:8px!important;}

/* 커뮤니티 */
.c-card{padding:14px!important;}
.c-card-title{font-size:15px!important;}
.c-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px!important;}

/* 뉴스 */
.nr-hero h1{font-size:22px!important;}
.nr-detail-modal{width:calc(100% - 24px)!important;max-width:100%!important;}

/* 요금제 */
.plans-grid{grid-template-columns:1fr!important;gap:12px!important;}
.plans-hero-title{font-size:26px!important;}

/* 꾸미기 */
.cs-shop{flex-direction:column!important;}
.cs-gacha{padding:16px!important;}
.cs-machine-img-wrap{width:200px!important;}
.cs-inv-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
.cs-btns{flex-direction:column;}
.cs-btn{width:100%;justify-content:center;}

/* 리워드 */
.rw-layout{grid-template-columns:1fr!important;}
.rw-hero{padding:20px 16px!important;min-height:auto!important;}
.rw-points-card{flex-direction:column;text-align:center;}

/* 일지 */
.jov-stats-row{flex-wrap:wrap;gap:8px;}
.jov-stat-box{min-width:calc(50% - 8px);}
.jov-pies-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;align-items:stretch!important;justify-content:center!important;}
.jov-pie-section{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important;min-width:0!important;flex:1!important;padding:4px 4px!important;}
.jov-pie-section canvas{width:100px!important;height:100px!important;flex-shrink:0!important;}
.pie-section-divider{display:block!important;width:1px!important;align-self:stretch!important;flex-shrink:0!important;background:rgba(255,255,255,0.06)!important;margin:8px 0!important;}
/* 일별 추이 차트 왼쪽 0 숨김 */
.jchart-zero-line::after{display:none!important;}
.journal-chart{padding-left:8px!important;}
/* 캘린더 모바일 */
.cal-day{min-height:60px!important;border-radius:6px!important;}
.cal-body{gap:3px!important;}
.cal-header-row{gap:3px!important;}
.cal-head{font-size:9px!important;}
.cal-date{font-size:9px!important;}
.cal-pnl{font-size:7px!important;}
.cal-thumb{aspect-ratio:1/1!important;object-fit:cover!important;}
.cal-count{font-size:7px!important;}
.cal-side-tag{font-size:7px!important;}
.cal-emotion{font-size:10px!important;}
.cal-day{min-height:80px!important;}
.journal-cal-top{flex-direction:column;gap:8px;}

/* 모달 */
.purchase-modal{max-width:calc(100% - 24px)!important;}
.jmodal{width:calc(100% - 24px)!important;max-width:100%!important;}

/* 공통 */
.section-container{padding:0 12px!important;}
h1{font-size:22px!important;}
h2{font-size:18px!important;}
.footer-grid{grid-template-columns:1fr!important;}
}

/* ═══ 768px 이하: 하단 네비 + 스마트폰 ═══ */
@media(max-width:768px){
/* 하단 네비: 모의투자 / AIM / 홈 / 커뮤니티 / MY */
.mobile-bottom-nav{
    display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:9990;
    background:var(--bg-primary,#0d1117);border-top:1px solid rgba(255,255,255,.06);
    padding:6px 0 env(safe-area-inset-bottom,6px);justify-content:space-around;align-items:center;
    box-shadow:0 -4px 20px rgba(0,0,0,.3);
}
.mobile-bottom-nav a{
    display:flex;flex-direction:column;align-items:center;gap:1px;
    font-size:9px;color:var(--text-muted);text-decoration:none;padding:6px 0;
    min-width:52px;transition:color .2s;pointer-events:auto;-webkit-tap-highlight-color:transparent;
}
.mobile-bottom-nav a:active{transform:scale(0.92);}
.mobile-bottom-nav a.active{color:#c9ced6;}
.mobile-bottom-nav a i{font-size:18px;}
/* 홈 버튼 강조 (실버 테마) */
.mobile-bottom-nav a.mobile-home{
    position:relative;margin-top:-12px;
}
.mobile-bottom-nav a.mobile-home i{
    width:42px;height:42px;display:flex;align-items:center;justify-content:center;
    border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#9ca3af);
    color:#0a0e14;font-size:18px;box-shadow:0 4px 14px rgba(180,190,205,.35);
}
/* ─── 통일된 모바일 하단 여백 ─── */
/* main: 푸터로 자연스럽게 이어지도록 작은 호흡 공간만 */
main{padding-bottom:16px!important;}
/* 푸터: 고정 하단 네비(약 64px)에 가려지지 않게 충분한 padding */
.main-footer{padding-bottom:76px!important;}
/* 푸터가 숨겨진 페이지(트레이드 등)는 main 이 직접 네비를 피해야 함 */
body.trade-active main,
.trade-page{padding-bottom:68px!important;}
.checkin-bar{bottom:74px!important;left:12px!important;right:12px!important;transform:none!important;}
.checkin-body{min-width:auto!important;}
}

/* ═══ 모바일 홈 페이지 최적화 ═══ */
@media(max-width:768px){
/* 히어로 축소 — 앱 느낌 */
.hero-section{padding:20px 16px 16px!important;min-height:auto!important;}
.hero-title{font-size:24px!important;line-height:1.3!important;}
.hero-desc{font-size:13px!important;margin-bottom:12px!important;}
.hero-badge{font-size:11px!important;padding:4px 10px!important;}
.hero-actions{gap:8px!important;}
.hero-actions .btn{padding:10px 20px!important;font-size:13px!important;}
.hero-visual,.hero-bg-effects,.hero-particles{display:none!important;} /* 배경 이펙트 숨김 */

/* 메인 섹션 간격 줄이기 */
.section{padding:16px 0!important;}
.section-header h2{font-size:18px!important;}

/* AI 어시스턴트 위로 */
.ai-assistant-float,.chatbot-float{bottom:74px!important;}

/* 사이드바 숨김 (이벤트 등) */
.idx-sidebar,.idx-event-banner{display:none!important;}
.idx-main{max-width:100%!important;}
}

/* ═══ 모바일 시세 티커 ═══ */
@media(max-width:768px){
.ticker-bar{height:28px!important;}
.ticker-wrap{gap:16px!important;padding:0 12px!important;}
.ticker-item{font-size:10px!important;gap:4px!important;}
.ticker-name{font-size:9px!important;}
.ticker-icon-img{width:14px!important;height:14px!important;}
}

/* ═══ AIM 모바일 축소 ═══ */
@media(max-width:768px){
/* 레벨 바 전체 축소 */
.ax-lvl-bar{padding:10px 8px!important;margin-bottom:12px!important;}
.ax-lvl-header{gap:8px!important;margin-bottom:10px!important;}
.ax-lvl-current-icon{width:36px!important;height:36px!important;border-radius:10px!important;}
.ax-lvl-current-icon img{width:44px!important;height:44px!important;}
.ax-lvl-title{font-size:12px!important;}
.ax-lvl-desc{font-size:10px!important;}
/* 레벨 노드 — 가로 넓게 */
.ax-lvl-track{gap:10px!important;margin-bottom:16px!important;}
.ax-lvl-node{min-width:58px!important;position:relative!important;padding-bottom:16px!important;}
.ax-lvl-icon{width:36px!important;height:36px!important;border-radius:10px!important;overflow:visible!important;}
.ax-lvl-name{font-size:7px!important;}
.ax-lvl-connector{width:28px!important;min-width:28px!important;}
.ax-lvl-check{width:12px!important;height:12px!important;font-size:6px!important;}
/* 현재 뱃지: absolute — 잘리지 않게 */
.ax-lvl-you{font-size:6px!important;padding:1px 5px!important;position:absolute!important;bottom:0!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;}
/* 메인 입력 영역 */
.ax-main-grid{flex-direction:column!important;gap:10px!important;}
.ax-glass{min-width:100%!important;padding:12px!important;}
}

/* ═══ 모바일 팝업 위치 (위쪽) ═══ */
@media(max-width:768px){
.lev-popup-overlay,.tpsl-popup-overlay,.margin-mode-overlay{
    align-items:flex-start!important;justify-content:center!important;padding-top:15vh!important;
}
.lev-popup,.tpsl-popup,.margin-mode-popup{
    max-height:70vh!important;overflow-y:auto!important;margin:0 12px!important;
}
#levLearnPopup{align-items:flex-start!important;padding-top:8vh!important;}
#levLearnPopup>div{max-height:80vh!important;overflow-y:auto!important;max-width:calc(100% - 32px)!important;padding:14px!important;border-radius:12px!important;}
#levLearnPopup>div h3{font-size:13px!important;}
#levLearnPopup>div div[style*="line-height"]{font-size:11px!important;line-height:1.6!important;margin-bottom:10px!important;}
#levLearnPopup>div div[style*="line-height"] p{font-size:11px!important;margin:0 0 6px!important;}
#levLearnPopup>div div[style*="line-height"] strong{font-size:11px!important;}
#levLearnPopup>div div[style*="background:rgba(246"]{padding:8px!important;margin:8px 0!important;}
#levLearnPopup>div div[style*="background:rgba(246"] p{font-size:10px!important;margin:0!important;}
#levLearnPopup>div a{margin-bottom:8px!important;}
#levLearnPopup>div button{padding:8px!important;font-size:12px!important;}
}

/* ═══ AI 챗봇 — 모바일에서는 완전 숨김 (PC 전용) ═══ */
@media(max-width:768px){
.chatbot-toggle,.chatbot-window{display:none!important;visibility:hidden!important;}
}

/* ═══ 모바일 포지션 카드 (바이낸스 스타일) ═══ */
@media(max-width:768px){
.trade-page .pos-table{border-collapse:separate!important;border-spacing:0 4px!important;}
.trade-page .pos-table thead{display:none!important;}
.trade-page .pos-table tbody{display:block!important;}
.trade-page .pos-table tr{
    display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;gap:1px 8px!important;
    padding:10px!important;border-radius:8px!important;
    border:1px solid rgba(255,255,255,.04)!important;background:rgba(255,255,255,.015)!important;
}
.trade-page .pos-table tr.empty-row{
    display:block!important;border:none!important;background:none!important;
    text-align:center;padding:24px!important;color:var(--text-muted);font-size:11px;
}
.trade-page .pos-table td{padding:2px 0!important;font-size:10px!important;border:none!important;color:var(--text-primary);}
.trade-table tbody tr:hover,.trade-table tbody tr:hover td{background:transparent!important;}
.trade-page .pos-table td::before{
    content:attr(data-label);font-size:8px;color:var(--text-muted);display:block;line-height:1;margin-bottom:1px;
}
/* 헤더: 코인명+크로스 (4열 전체) */
.trade-page td.mpos-header{
    grid-column:1/-1!important;font-size:12px!important;padding-bottom:6px!important;
    border-bottom:1px solid rgba(255,255,255,.04)!important;margin-bottom:2px!important;
}
.trade-page td.mpos-header::before{display:none!important;}
/* PNL: 2열 차지 + 색상 */
.trade-page td.mpos-pnl{grid-column:span 2!important;font-size:16px!important;font-weight:800!important;}
.trade-page td.mpos-pnl.up{color:#0ecb81!important;}
.trade-page td.mpos-pnl.down{color:#f6465d!important;}
/* ROE: 2열 차지 + 색상 */
.trade-page td.mpos-roe{grid-column:span 2!important;font-size:16px!important;font-weight:800!important;text-align:right!important;}
.trade-page td.mpos-roe.up{color:#0ecb81!important;}
.trade-page td.mpos-roe.down{color:#f6465d!important;}
/* 수량/마진/현재가/리스크: 각 1열 */
/* 진입가/표시가/청산가: 표시가는 합치기 */
/* 버튼 행: 4열 전체 */
.trade-page td.mpos-btns{
    grid-column:1/-1!important;display:flex!important;gap:6px!important;margin-top:6px!important;
    padding-top:6px!important;border-top:1px solid rgba(255,255,255,.04)!important;
}
.trade-page td.mpos-btns::before{display:none!important;}
.mpos-btn{
    flex:1;padding:7px 0;border-radius:6px;border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.03);color:var(--text-secondary);font-size:10px;font-weight:600;
    cursor:pointer;text-align:center;transition:all .15s;
}
.mpos-btn:active{transform:scale(0.96);}
.mpos-btn-close{background:rgba(246,70,93,.08)!important;color:#f6465d!important;border-color:rgba(246,70,93,.15)!important;}
}

/* ═══ 하단 네비 이동 애니메이션 ═══ */
@media(max-width:768px){
.mobile-bottom-nav a{transition:color .2s,transform .15s;}
.mobile-bottom-nav a:active{transform:scale(0.9);}
.mobile-bottom-nav a.active i{
    animation:navBounce .4s cubic-bezier(0.34,1.56,0.64,1);
}
@keyframes navBounce{0%{transform:scale(1);}40%{transform:scale(1.25);}100%{transform:scale(1);}}
/* 홈 버튼 호버 효과 */
.mobile-bottom-nav a.mobile-home i{transition:transform .2s,box-shadow .2s;}
.mobile-bottom-nav a.mobile-home:active i{transform:scale(0.9);box-shadow:0 2px 8px rgba(180,190,205,.2);}
}

/* ═══ 라이트 모드 ═══ */
[data-theme="light"] .mobile-bottom-nav{background:#fff;border-top-color:rgba(0,0,0,.06);box-shadow:0 -2px 12px rgba(0,0,0,.04);}
[data-theme="light"] .mobile-bottom-nav a{color:#9ca3af;}
[data-theme="light"] .mobile-bottom-nav a.active{color:#7d8790;}
[data-theme="light"] .mobile-bottom-nav a.mobile-home i{background:linear-gradient(135deg,#94a1ac,#7d8790);}
[data-theme="light"] .mobile-menu-panel{background:linear-gradient(135deg,rgba(255,255,255,0.98),rgba(245,247,250,0.96));border-right-color:rgba(0,0,0,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),4px 0 18px rgba(0,0,0,0.08);}
[data-theme="light"] .mobile-menu-bg{background:linear-gradient(135deg,rgba(60,70,85,.34),rgba(30,36,48,.44));}
[data-theme="light"] .mobile-menu-header{border-bottom-color:rgba(0,0,0,.08);}
[data-theme="light"] .mobile-menu-close{color:rgba(60,70,85,.6);}
[data-theme="light"] .mobile-menu-close:hover{color:#1a1f2e;text-shadow:none;}
[data-theme="light"] .mobile-menu-item{color:#4a5568;}
[data-theme="light"] .mobile-menu-item:hover{background:linear-gradient(90deg,rgba(60,70,85,0.07),rgba(60,70,85,0.01));color:#1a1f2e;}
[data-theme="light"] .mobile-menu-item.active{color:#1a1f2e;font-weight:800;background:linear-gradient(90deg,rgba(60,70,85,0.11),rgba(60,70,85,0.03));box-shadow:inset 3px 0 0 rgba(60,70,85,0.55);}
[data-theme="light"] .mobile-menu-item i{color:rgba(60,70,85,.5);}
[data-theme="light"] .mobile-menu-item:hover i{color:rgba(60,70,85,.75);}
[data-theme="light"] .mobile-menu-item.active i{color:#3c4655;filter:none;}
[data-theme="light"] .mobile-menu-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.14),transparent);}
[data-theme="light"] .mobile-hamburger span{background:linear-gradient(135deg,#94a1ac,#7d8790);box-shadow:none;}

/* ═══ 홈 ═══ */
@media(max-width:768px){
.hero-section{padding:16px 12px!important;min-height:auto!important;text-align:center;}
.hero-title{font-size:28px!important;line-height:1.3!important;}
.hero-desc{font-size:11px!important;margin-bottom:12px!important;padding:0 16px;line-height:1.7!important;word-break:keep-all;}
.hero-badge{font-size:10px!important;padding:4px 10px!important;}
/* 트레이딩 시작 + AIM 분석: 가로 나란히 */
.hero-actions{gap:8px!important;justify-content:center!important;flex-direction:row!important;padding:0 12px;}
.hero-actions .btn{padding:11px 0!important;font-size:12px!important;flex:1!important;justify-content:center!important;border-radius:10px!important;}
.hero-visual,.hero-bg-effects,.hero-particles,.hero-glow{display:none!important;}
.idx-main-grid,.idx-grid{grid-template-columns:1fr!important;}
.idx-sidebar{display:none!important;}
.idx-card{padding:14px!important;}
.section{padding:12px 0!important;}
.section-header h2{font-size:16px!important;}
.idx-price-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;}
/* 시세 카드: 컴팩트 한 줄 */
.hero-price-card{padding:12px 14px!important;margin:0 12px!important;border-radius:12px!important;}
.hero-price-card .price-card-header{margin-bottom:4px!important;}
.hero-price-card .price-card-header h3{font-size:13px!important;}
.hero-price-card .coin-icon{width:28px!important;height:28px!important;}
.hero-price-card .main-price{font-size:22px!important;}
.hero-price-card .price-change{font-size:12px!important;}
.hero-price-card .price-card-stats{display:none!important;} /* 24h 통계 숨김 → 컴팩트 */
.hero-price-card .price-card-body{margin-bottom:0!important;}

/* 모바일 바로가기 그리드 */
.mobile-shortcuts{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 12px;margin:12px 0;}
.mobile-shortcut{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);text-decoration:none;color:var(--text-secondary);font-size:9px;font-weight:600;transition:all .15s;}
.mobile-shortcut:active{transform:scale(0.95);background:rgba(180,190,205,.04);}
.mobile-shortcut i{font-size:18px;color:#c9ced6;}
/* 공지사항 숨김 */
.idx-notice-panel{display:none!important;}
/* 인기글 옆 랭킹 숨김 */
.idx-ranking-side,.idx-rank-panel{display:none!important;}
/* 크리에이터 HOT 표시 */
.idx-creator-section{display:block!important;}
}

/* ═══ 뉴스 ═══ */
@media(max-width:768px){
.nr-wrap{padding:0 10px!important;}
.nr-hero{padding:16px 12px 10px!important;}
.nr-hero h1{font-size:20px!important;}
.nr-summary{padding:12px!important;}
.nr-news-grid{grid-template-columns:1fr!important;gap:8px!important;}
.nr-card{padding:12px!important;}
.nr-card-title{font-size:13px!important;}
.nr-detail-modal{width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;margin:0!important;}
.nr-filters{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;}
.nr-filters::-webkit-scrollbar{display:none;}
.nr-filter{white-space:nowrap;font-size:11px!important;padding:6px 12px!important;}
}

/* ═══ 커뮤니티 ═══ */
@media(max-width:768px){
.c-hero{padding:14px 12px!important;}
.c-hero-title-row h1{font-size:24px!important;}
.c-hero-img img{width:100px!important;height:100px!important;}
.c-hero-missions-wrap{position:static!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;}
.c-tabs{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;}
.c-tabs::-webkit-scrollbar{display:none;}
.c-tab{white-space:nowrap;font-size:11px!important;padding:8px 12px!important;}
.c-card{padding:12px!important;margin-bottom:8px!important;}
.c-avatar{width:32px!important;height:32px!important;}
.c-card-title{font-size:14px!important;}
.c-card-preview{font-size:12px!important;}
.c-card-stats{font-size:11px!important;}
.c-toolbar{padding:8px 10px!important;flex-wrap:wrap;}
.c-profile{display:none!important;}
}

/* ═══ 커뮤니티 상세 ═══ */
@media(max-width:768px){
.pv-wrap{padding:0 10px 80px!important;max-width:100%!important;}
.pv-banner-layout{grid-template-columns:1fr!important;}
.pv-ad-side{display:none!important;}
.pv-post-title{font-size:18px!important;}
.pv-post-body{font-size:13px!important;}
.pv-post-body img{max-width:100%!important;height:auto!important;}
.pv-comments-card{padding:14px!important;}
.pv-comment-body{padding-left:0!important;}
}

/* ═══ 요금제 ═══ */
@media(max-width:768px){
.plans-hero{padding:20px 12px 14px!important;}
.plans-hero-title{font-size:26px!important;}
.plans-grid{grid-template-columns:1fr!important;gap:10px!important;padding:0 12px!important;}
.plan-card{padding:18px!important;}
.plan-price-amount{font-size:26px!important;}
.plan-features{font-size:12px!important;}
.purchase-modal{max-width:100%!important;margin:8px!important;}
#purchaseCrownImg{width:120px!important;height:120px!important;}
}

/* ═══ 마이페이지 추가 ═══ */
@media(max-width:768px){
#avatarModal>div{max-width:calc(100% - 16px)!important;padding:16px!important;}
.cs-shop{flex-direction:column!important;}
.cs-machine-img-wrap{width:180px!important;}
.cs-inv-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;}
.cs-btns{flex-direction:column;}
.cs-btn{width:100%;justify-content:center;}
.cr-landing-hero h2{font-size:20px!important;}
}

/* ═══ AIM ═══ */
@media(max-width:768px){
.analysis-layout{padding:0 6px!important;}
/* AIM 히어로 뇌 이미지 — 확실히 표시 */
.ax-hero{padding:16px!important;overflow:visible!important;}
.ax-hero-content{gap:12px!important;}
.ax-hero-right{display:flex!important;min-height:100px!important;justify-content:center!important;order:-1!important;}
.ax-hero-visual{display:flex!important;max-width:120px!important;overflow:visible!important;align-items:center!important;justify-content:center!important;}
.ax-hero-orb{width:110px!important;height:110px!important;overflow:visible!important;display:flex!important;}
.ax-hero-orb img{width:100%!important;height:100%!important;display:block!important;}
.ax-hero-ring{display:block!important;}
.ax-hero-left h2{font-size:18px!important;}
.ax-lvl-bar{padding:6px!important;margin:0 0 6px!important;border-radius:10px!important;}
.ax-lvl-header{gap:6px!important;margin-bottom:4px!important;}
.ax-lvl-current-icon{width:24px!important;height:24px!important;border-radius:6px!important;}
.ax-lvl-current-icon img{width:30px!important;height:30px!important;}
.ax-lvl-title{font-size:10px!important;}
.ax-lvl-desc{display:none!important;}
.ax-lvl-node{min-width:40px!important;position:relative!important;}
.ax-lvl-icon{width:28px!important;height:28px!important;border-radius:8px!important;overflow:visible!important;}
.ax-lvl-name{font-size:6px!important;}
.ax-lvl-connector{width:28px!important;min-width:28px!important;}
.ax-lvl-check{width:10px!important;height:10px!important;font-size:4px!important;}
.ax-lvl-you{font-size:5px!important;padding:1px 3px!important;position:absolute!important;bottom:-12px!important;left:50%!important;transform:translateX(-50%)!important;white-space:nowrap!important;}
.ax-main-grid{flex-direction:column!important;gap:8px!important;}
.ax-glass{min-width:100%!important;padding:10px!important;}
.ax-ctrl-row{flex-direction:column!important;gap:6px!important;}
.ax-ind{font-size:9px!important;padding:4px 8px!important;}
.ax-analyze-btn{padding:12px!important;font-size:14px!important;}
.ax-lev2-slider{left:-20px!important;right:-20px!important;min-width:auto!important;}
}

/* ═══ 리워드 ═══ */
@media(max-width:768px){
.rw-layout{grid-template-columns:1fr!important;padding:0 10px!important;}
.rw-hero{padding:16px 12px!important;min-height:auto!important;}
.rw-hero-text h1{font-size:28px!important;}
.rw-hero-img{display:none!important;}
.rw-hero-actions{position:static!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px;}
.rw-points-card{flex-direction:column!important;text-align:center!important;padding:16px!important;}
.rw-pts-num{font-size:28px!important;}
.rw-tab{white-space:nowrap;font-size:11px!important;}
.rw-mission{padding:10px!important;}
.rw-mi-3d{width:36px!important;height:36px!important;}
}

/* ═══ Live 마켓 ═══ */
@media(max-width:768px){
.mkt-outer{padding:8px 10px!important;flex-direction:column!important;}
.mkt-sidebar{display:none!important;}
.mkt-wrap{max-width:100%!important;}
.mkt-bvb{padding:12px 10px 20px!important;}
.char-bull-wrap,.char-bear-wrap{transform:scale(0.6)!important;}
.mkt-tabs{overflow-x:auto;scrollbar-width:none;}
.mkt-tabs::-webkit-scrollbar{display:none;}
.mkt-tab{white-space:nowrap;font-size:11px!important;}
}

/* ═══ 가이드/공지 ═══ */
@media(max-width:768px){
.guide-sidebar{display:none!important;}
.guide-content{max-width:100%!important;}
.notice-item{padding:12px!important;}
.notice-title{font-size:14px!important;}
}

/* ═══ AI 매니저 모바일 ═══ */
@media(max-width:768px){
/* AI 매니저 기본: 주문창 안에 있음 (55%) */
.trade-page .ai-mgr-body{max-height:none!important;overflow:visible!important;}
.trade-page .ai-result-structured{width:100%!important;}
.trade-page .ai-section{padding:8px!important;}
.trade-page .ai-pos-card{padding:8px!important;}
.trade-page .ai-pos-card-header strong{font-size:12px!important;}
.trade-page .ai-pos-card-row{font-size:10px!important;}
/* 점수 표시 */
.trade-page .ai-score{font-size:22px!important;}
.trade-page .ai-score-bar-wrap{height:6px!important;border-radius:3px!important;}
.trade-page .ai-score-label{font-size:9px!important;}
/* 차트 캡처 */
.trade-page .ai-chart-wrap{margin:6px 0!important;}
.trade-page .ai-chart-img{border-radius:6px!important;}
/* 포지션 선택 팝업 */
.trade-page .ai-pos-select{width:100%!important;max-width:100%!important;}

/* ── AI 포지션 선택 중: 호가창에 체결내역 표시 ── */
.trade-page.ai-selecting .trade-book-col .rt-divider,
.trade-page.ai-selecting .trade-book-col .rt-col-header,
.trade-page.ai-selecting .trade-book-col .recent-trades-body{
    display:block!important;
}
.trade-page.ai-selecting .trade-book-col .recent-trades-body{
    max-height:120px!important;overflow-y:auto!important;
}

/* ── AI 분석 완료: 결과는 trade-body 아래에 전체 폭으로 (JS가 이동시킴) ── */
.trade-page .ai-result-fullwidth{
    width:100%!important;order:5!important;clear:both!important;
    padding:8px 12px!important;
}
}

/* 티커는 style.css에서 처리 */

/* ═══ 공통 터치/스크롤 + 배경 보호 ═══ */
@media(max-width:768px){
html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
html,body{background:var(--bg-primary,#0d1117)!important;color:var(--text-primary,#e5e7eb)!important;min-height:100vh!important;}
main{display:block!important;visibility:visible!important;background:var(--bg-primary,#0d1117)!important;}
*{-webkit-tap-highlight-color:transparent;}
input,select,textarea{font-size:16px!important;}
input[type="number"]{font-size:14px!important;}
img{-webkit-user-drag:none;}
}
[data-theme="light"] body{background:#f0f2f5!important;color:#1a1a2e!important;}
[data-theme="light"] main{background:#f0f2f5!important;}