/**
 * BitCore Shared Menu Styles (v331)
 * =================================
 * menu-renderer.js 가 주입하는 __p3625 / __p3628 클래스의 스타일.
 * dashboard / index / markets / orders 의 인라인 CSS 와 동일 내용.
 *
 * 사용 페이지: home, assets, price, referral (자체 헤더 → 중앙 메뉴 마이그레이션)
 *
 * 양쪽 server (3000, 3002) 가 /shared/menu-styles.css 로 동일 서빙.
 */

/* ============ Top Header (차트창과 동일) ============ */
    .top-header{
      display:flex;
      align-items:center;
      padding:0 24px;
      background:var(--bg);
      border-bottom:1px solid var(--border);
      position:sticky;top:0;z-index:50;
    }
    .top-header h1{
      display:flex;align-items:center;gap:0;margin:0;
    }
    .top-header .__p3625-logo-link{
      display:inline-flex;align-items:center;
      text-decoration:none;
      cursor:pointer;
    }
    .top-header .__p3625-logo-link img{
      height:70px;vertical-align:middle;
    }

    /* [v132] 차트창 우측 상단 헤더 아이콘 버튼 (차트창과 동일 - svg 크기만 차지) */
    .__hdr-icon-btn{
      display:flex;align-items:center;
      transition:color 0.15s;
    }
    .__hdr-icon-btn:hover{
      color:var(--yellow,#f0b90b) !important;
    }
    .__hdr-icon-btn svg{display:block;}
/* ============ 차트창 스타일 nav 메뉴 (__p3625 / __p3628) ============ */
    .__p3625-nav-item{
      position:relative;
      display:inline-flex;align-items:center;
      padding:8px 14px;
      color:#fff !important;
      font-size:16px !important;
      font-weight:500 !important;
      letter-spacing:0.3px;
      cursor:pointer;
      border-radius:6px;
      transition:background 0.15s;
      white-space:nowrap;
      opacity:1.0;
      font-family:'Inter','Segoe UI',system-ui,sans-serif;
    }
    .__p3625-nav-item:hover{background:rgba(255,255,255,0.06)}
    .__p3625-has-dropdown::after{
      content:'';
      display:inline-block;
      width:6px;height:6px;
      border-right:1.5px solid #fff !important;
      border-bottom:1.5px solid #fff !important;
      border-top:none !important;
      border-left:none !important;
      transform:rotate(45deg) translate(-2px,-2px);
      margin-left:8px;
      opacity:0.6;
    }
    .__p3625-arrow-only::after{
      content:'';
      display:inline-block;
      width:6px;height:6px;
      border-right:1.5px solid #fff !important;
      border-bottom:1.5px solid #fff !important;
      border-top:none !important;
      border-left:none !important;
      transform:rotate(45deg) translate(-2px,-2px);
      margin-left:8px;
      opacity:0.6;
    }
    .__p3625-nav-dd{
      position:absolute;
      top:100%;left:0;
      min-width:280px;
      background:#0b0f14;
      border:1px solid #1e2330;
      border-radius:10px;
      padding:8px;
      opacity:0;
      visibility:hidden;
      transform:translateY(6px);
      transition:all 0.15s;
      box-shadow:0 12px 40px rgba(0,0,0,0.6);
      z-index:10000;
      margin-top:4px;
    }
    .__p3625-has-dropdown:hover .__p3625-nav-dd{
      opacity:1;visibility:visible;transform:translateY(0);
    }
    .__p3625-dd-item{
      display:flex;flex-direction:column;
      padding:10px 14px;
      border-radius:8px;
      cursor:pointer;
      transition:background 0.1s;
    }
    .__p3625-dd-item:hover{background:rgba(255,255,255,0.05)}
    .__p3625-dd-item.__p3625-dd-with-icon{
      flex-direction:row;align-items:flex-start;gap:10px;
    }
    .__p3625-dd-icon{
      flex-shrink:0;
      width:32px;height:32px;
      border-radius:6px;
      background:rgba(0,226,201,0.08);
      color:#00e2c9;
      display:flex;align-items:center;justify-content:center;
      margin-top:2px;
    }
    .__p3625-dd-text{
      display:flex;flex-direction:column;gap:2px;
      flex:1;min-width:0;
    }
    .__p3625-dd-title{
      font-size:14px;font-weight:600;color:#fff;
      display:flex;align-items:center;gap:6px;
    }
    .__p3625-dd-desc{
      font-size:12px;color:#9aa3b2;
      margin-top:2px;
      word-wrap:break-word;overflow-wrap:break-word;
    }
    .__p3625-dd-badge{
      font-size:10px;color:#000;background:#00e2c9;
      padding:1px 5px;border-radius:3px;font-weight:600;
    }
    .__p3625-dd-badge.__p3625-gray{background:#2a3142;color:#9aa3b2}

    .__p3628-mega-dd{
      position:absolute;
      top:100%;left:0;
      width:800px;
      background:#0b0f14;
      border:1px solid #1e2330;
      border-radius:10px;
      padding:20px;
      opacity:0;
      visibility:hidden;
      transform:translateY(6px);
      transition:all 0.15s;
      box-shadow:0 12px 40px rgba(0,0,0,0.6);
      z-index:10000;
      margin-top:4px;
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:24px;
    }
    .__p3625-has-dropdown:hover .__p3628-mega-dd{
      opacity:1;visibility:visible;transform:translateY(0);
    }
    .__p3628-mega-col{display:flex;flex-direction:column;min-width:0;}
    .__p3628-mega-header{
      font-size:12px;font-weight:600;color:#6b7280;
      text-transform:uppercase;letter-spacing:0.6px;
      padding:4px 8px 10px;margin-bottom:2px;
      border-bottom:1px solid rgba(255,255,255,0.04);
    }
    .__p3628-mega-item{
      display:flex;align-items:flex-start;gap:10px;
      padding:10px 8px;border-radius:6px;
      cursor:pointer;transition:background 0.1s;
      min-width:0;
    }
    .__p3628-mega-item:hover{background:rgba(255,255,255,0.05)}
    .__p3628-mega-icon{
      flex-shrink:0;width:32px;height:32px;
      border-radius:6px;background:rgba(0,226,201,0.08);
      color:#00e2c9;
      display:flex;align-items:center;justify-content:center;
      font-size:16px;margin-top:2px;
    }
    .__p3628-mega-text{
      display:flex;flex-direction:column;gap:2px;
      flex:1;min-width:0;max-width:100%;
    }
    .__p3628-mega-title{
      font-size:14px;font-weight:600;color:#fff;
      font-family:'Inter','Segoe UI',system-ui,sans-serif;
      word-wrap:break-word;overflow-wrap:break-word;
    }
    .__p3628-mega-desc{
      font-size:12px;color:#9aa3b2;line-height:1.4;
      font-family:'Inter','Segoe UI',system-ui,sans-serif;
      word-wrap:break-word;overflow-wrap:break-word;
      white-space:normal;
    }