/* PE-Class v1.14.31 — 모바일 헤더 계정 버튼 전용
 * 기존 PC 헤더와 본문/탭 UI에는 적용되지 않습니다.
 */
@media (max-width:768px){
  .pe87Top{
    column-gap:6px!important;
  }
  .pe87Brand{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .pe87Title{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .pe87UserTools{
    display:grid!important;
    grid-template-columns:42px 52px 46px!important;
    align-items:center!important;
    gap:3px!important;
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    white-space:normal!important;
  }
  .pe87UserTools .pe87User,
  .pe87UserTools .sync{
    display:none!important;
  }
  .pe87UserTools .miniBtn{
    appearance:none!important;
    -webkit-appearance:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    user-select:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:3px 2px!important;
    border:0!important;
    border-radius:7px!important;
    text-align:center!important;
    font-size:0!important;
    line-height:1.08!important;
    box-shadow:0 1px 3px rgba(15,23,42,.16)!important;
    cursor:pointer!important;
  }
  .pe87UserTools .miniBtn::after{
    display:block;
    color:#fff;
    font-size:9px;
    font-weight:900;
    line-height:1.08;
    letter-spacing:-.04em;
    white-space:normal;
    word-break:keep-all;
  }
  .pe87UserTools .miniBtn.orange::after{content:"ID 변경";}
  .pe87UserTools .miniBtn.gray::after{content:"비밀번호 변경";}
  .pe87UserTools .miniBtn.red::after{content:"로그아웃";}
  .pe87UserTools .miniBtn:active{
    transform:none!important;
    filter:brightness(.94);
  }
}

@media (max-width:374px){
  .pe87Top{padding-left:8px!important;padding-right:8px!important;column-gap:4px!important;}
  .pe87Brand{gap:7px!important;}
  .pe87Logo{width:40px!important;height:40px!important;flex-basis:40px!important;}
  .pe87Title strong{font-size:12px!important;}
  .pe87Title b{font-size:16px!important;}
  .pe87UserTools{grid-template-columns:38px 48px 42px!important;gap:2px!important;}
  .pe87UserTools .miniBtn{height:36px!important;min-height:36px!important;}
  .pe87UserTools .miniBtn::after{font-size:8px;}
}