/* EC (2026-09-27 사장님 지시)
   ② 머리줄 왼쪽: [점9][종][채팅]  ③ 오른쪽: [●Kaia][지갑 주소 단추]  — 가운데 POINTONG.
      양쪽 폭이 달라져 1fr·auto·1fr(가운데 고정)이면 겹친다 → 「왼쪽 무리 | 가운데(남는 폭 안에서 가운데) | 오른쪽 무리」.
      안심 문구 줄은 이제 한 칸 전체.
   ④ 홈 USDT 카드 폭 = 아래 「자산 | 전송 내역」 줄 폭(카드 바깥 8px 여백을 없앰). 넘기기 화살표는 화면 밖으로 안 나가게 조금 안쪽으로.
   옛 머리줄 규칙이 여러 파일(wallet-ui DA · fixes CG · wallet-header DG · wallet-chat DX)에 겹쳐 있어, 더 구체적인 선택자로 덮는다. */
.app header.wallet-header,
html.wallet-disconnected .app header.wallet-header{grid-template-columns:auto minmax(0,1fr) auto}
.app header.wallet-header strong{min-width:0}
.app header.wallet-header .header-actions .chat-shortcut{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--sub);cursor:pointer;position:relative}
.app header.wallet-header .header-actions .chat-shortcut:focus-visible{outline:2px solid var(--key);outline-offset:2px}
.app header.wallet-header .header-kaia #topConnect{flex:0 1 auto;min-width:0;max-width:128px;min-height:30px;height:30px;margin:0;padding:3px 9px;font-size:11.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-area:auto}
.app header.wallet-header .header-kaia #topConnect .wtag{margin-right:3px;padding:1px 4px;font-size:9.5px}
html.wallet-disconnected .app header.wallet-header .header-kaia #topConnect{width:auto}
.safe-connect-row{grid-template-columns:minmax(0,1fr);margin-left:15px;margin-right:15px}   /* 아래 카드·탭 줄과 같은 가장자리 */
.safe-connect-row:empty,.safe-connect-row:has(> .safetop.hidden:only-child){display:none}
#walletCards{margin-inline:0}
#walletCardPrevious{left:-13px}
#walletCardNext{right:-13px}
@media(max-width:400px){
  .app header.wallet-header strong{font-size:16px}
  .app header.wallet-header .header-kaia{gap:2px}
  .app header.wallet-header .header-kaia #topConnect{max-width:116px;padding:3px 7px;font-size:11px}
}
@media(max-width:360px){
  .app header.wallet-header .header-actions .icon-btn,
  .app header.wallet-header .header-actions .chat-shortcut{width:30px;height:30px;min-width:30px;min-height:30px}
  .app header.wallet-header strong{font-size:15px}
  .app header.wallet-header .header-kaia .kaia-shortcut{padding:0 3px}
  .app header.wallet-header .header-kaia #topConnect{max-width:100px;padding:3px 6px;font-size:10.5px}
}
