/* ================================================================
 * 회원 마이페이지 — 사이드바 + 콘텐츠
 * ================================================================ */
.gab-my { display: grid; grid-template-columns: 260px 1fr; gap: var(--gab-space-6); max-width: 1100px; margin: 0 auto; padding: var(--gab-space-8) var(--gab-space-6); }

/* 사이드바 */
.gab-my-sidebar { background: #fff; border: 1px solid var(--gab-gray-200); border-radius: var(--gab-radius-xl); padding: var(--gab-space-5); align-self: start; position: sticky; top: 90px; }
.gab-my-profile { display: flex; align-items: center; gap: 12px; padding-bottom: var(--gab-space-4); border-bottom: 1px solid var(--gab-gray-100); margin-bottom: var(--gab-space-4); }
.gab-my-avatar { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, var(--gab-primary-500), var(--gab-primary-700)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; flex-shrink: 0; }
.gab-my-name { font-size: var(--gab-text-md); font-weight: 700; color: var(--gab-gray-900); }
.gab-my-email { font-size: var(--gab-text-xs); color: var(--gab-gray-400); }
.gab-my-nav { display: flex; flex-direction: column; gap: 4px; }
.gab-my-nav-item { display: flex; align-items: center; gap: 12px; padding: 11px 14px; border-radius: var(--gab-radius); color: var(--gab-gray-600); font-size: var(--gab-text-sm); font-weight: 600; transition: all var(--gab-transition-fast); }
.gab-my-nav-item i { font-size: 17px; }
.gab-my-nav-item:hover { background: var(--gab-gray-50); color: var(--gab-gray-900); }
.gab-my-nav-item.is-active { background: var(--gab-primary-50); color: var(--gab-primary-700); }
.gab-my-badge { margin-left: auto; background: var(--gab-accent-500); color: #fff; font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: var(--gab-radius-full); }
.gab-my-logout { display: flex; align-items: center; gap: 10px; margin-top: var(--gab-space-4); padding: 11px 14px; border-top: 1px solid var(--gab-gray-100); padding-top: var(--gab-space-4); color: var(--gab-gray-400); font-size: var(--gab-text-sm); font-weight: 600; }
.gab-my-logout:hover { color: #dc2626; }

/* 콘텐츠 */
.gab-my-content { min-width: 0; }
.gab-my-head { margin-bottom: var(--gab-space-6); }
.gab-my-title { font-size: var(--gab-text-2xl); font-weight: 800; color: var(--gab-gray-900); letter-spacing: -0.5px; }
.gab-my-sub { font-size: var(--gab-text-sm); color: var(--gab-gray-500); margin-top: 4px; }
.gab-my-panel { background: #fff; border: 1px solid var(--gab-gray-200); border-radius: var(--gab-radius-xl); padding: var(--gab-space-6); }

/* 내 정보 폼 */
.gab-my-field-row { display: grid; grid-template-columns: 140px 1fr; gap: var(--gab-space-4); padding: var(--gab-space-4) 0; border-bottom: 1px solid var(--gab-gray-100); align-items: center; }
.gab-my-field-row:last-of-type { border-bottom: none; }
.gab-my-field-label { font-size: var(--gab-text-sm); font-weight: 700; color: var(--gab-gray-500); }
.gab-my-field-value { font-size: var(--gab-text-md); color: var(--gab-gray-900); }
.gab-my-badge-inline { display: inline-block; padding: 3px 10px; border-radius: var(--gab-radius-full); font-size: 11px; font-weight: 700; background: #d1fae5; color: #2F8F4C; }

/* 찜 목록 / 최근 본 매물 (매물 카드 그리드) */
.gab-my-cars { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gab-space-4); }
.gab-my-car { display: flex; gap: 14px; padding: var(--gab-space-4); background: #fff; border: 1px solid var(--gab-gray-200); border-radius: var(--gab-radius-lg); transition: all var(--gab-transition); }
.gab-my-car:hover { box-shadow: var(--gab-shadow-md); transform: translateY(-2px); }
.gab-my-car-thumb { width: 96px; height: 72px; border-radius: var(--gab-radius); background: linear-gradient(135deg, var(--gab-gray-100), var(--gab-gray-200)); display: flex; align-items: center; justify-content: center; font-size: 28px; color: var(--gab-gray-400); flex-shrink: 0; }
.gab-my-car-info { flex: 1; min-width: 0; }
.gab-my-car-title { font-size: var(--gab-text-md); font-weight: 700; color: var(--gab-gray-900); margin-bottom: 4px; }
.gab-my-car-meta { font-size: var(--gab-text-xs); color: var(--gab-gray-400); margin-bottom: 6px; }
.gab-my-car-price { font-size: var(--gab-text-md); font-weight: 800; color: var(--gab-primary-600); }
.gab-my-car-heart { color: #dc2626; font-size: 18px; cursor: pointer; }

/* 알림함 / 문의 리스트 */
.gab-my-list-item { display: flex; align-items: flex-start; gap: 14px; padding: var(--gab-space-4) 0; border-bottom: 1px solid var(--gab-gray-100); }
.gab-my-list-item:last-child { border-bottom: none; }
.gab-my-list-item.unread { background: var(--gab-primary-50); margin: 0 calc(-1 * var(--gab-space-6)); padding-left: var(--gab-space-6); padding-right: var(--gab-space-6); }
.gab-my-list-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }
.gab-my-list-icon--inquiry { background: #F4EBD7; color: #21201D; }
.gab-my-list-icon--system { background: #E3EAF4; color: #21201D; }
.gab-my-list-icon--reply { background: #d1fae5; color: #2F8F4C; }
.gab-my-list-body { flex: 1; min-width: 0; }
.gab-my-list-text { font-size: var(--gab-text-sm); color: var(--gab-gray-800); line-height: 1.5; }
.gab-my-list-text strong { font-weight: 700; }
.gab-my-list-time { font-size: 11px; color: var(--gab-gray-400); margin-top: 3px; }
.gab-my-list-status { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: var(--gab-radius-full); flex-shrink: 0; }
.gab-my-list-status--answered { background: #d1fae5; color: #2F8F4C; }
.gab-my-list-status--waiting { background: var(--gab-gray-100); color: var(--gab-gray-500); }

/* 빈 상태 */
.gab-my-empty { text-align: center; padding: var(--gab-space-12) var(--gab-space-6); color: var(--gab-gray-400); }
.gab-my-empty i { font-size: 48px; margin-bottom: var(--gab-space-4); display: block; }

@media (max-width: 880px) {
    .gab-my { grid-template-columns: 1fr; }
    .gab-my-sidebar { position: static; }
    .gab-my-cars { grid-template-columns: 1fr; }
}

/* ================================================================
   Phase3: My Wini (Autowini 스타일) — 사이드바 배지 + 주문(B.I.S) + 지갑
   ================================================================ */

/* 사이드바: 회원 유형 배지 + 딜러 대시보드 CTA */
.gab-my-type-badge { display:inline-flex; align-items:center; gap:5px; margin-top:6px; padding:3px 9px; border-radius: 8px; background:var(--gab-primary-50); color:var(--gab-primary-700); font-size:11.5px; font-weight:700; }
.gab-my-type-badge i { font-size:11px; }
.gab-my-dealer-cta { display:flex; align-items:center; gap:9px; margin:0 0 14px; padding:13px 16px; border-radius: 6px; background:linear-gradient(135deg,var(--gab-navy-800),var(--gab-navy-900)); color:#fff; text-decoration:none; font-weight:700; font-size:14px; transition:transform .15s; }
.gab-my-dealer-cta:hover { transform:translateY(-1px); }
.gab-my-dealer-cta i:first-child { color:var(--gab-accent-400); font-size:17px; }

/* B.I.S 안전거래 배너 */
.gab-bis-banner { display:flex; gap:14px; align-items:flex-start; padding:16px 20px; margin-bottom:20px; border-radius: 6px; background:linear-gradient(135deg,#ECFDF5,#F0FDFA); border:1px solid #A7F3D0; }
.gab-bis-banner > i { font-size:26px; color:#2F8F4C; flex-shrink:0; margin-top:2px; }
.gab-bis-banner strong { display:block; font-size:15px; font-weight:800; color:#065F46; margin-bottom:3px; }
.gab-bis-banner span { font-size:13px; color:#24703A; line-height:1.5; }

/* 주문 탭 */
.gab-order-tabs { display:flex; gap:8px; margin-bottom:18px; border-bottom:2px solid var(--gab-gray-100); }
.gab-order-tab { background:none; border:0; padding:12px 18px; font-size:14.5px; font-weight:700; color:var(--gab-gray-500); cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-2px; transition:all .15s; display:flex; align-items:center; gap:7px; }
.gab-order-tab:hover { color:var(--gab-gray-800); }
.gab-order-tab.is-active { color:var(--gab-primary-600); border-bottom-color:var(--gab-primary-600); }
.gab-order-tab-cnt { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius: 5px; background:var(--gab-gray-100); color:var(--gab-gray-600); font-size:12px; }
.gab-order-tab.is-active .gab-order-tab-cnt { background:var(--gab-primary-100); color:var(--gab-primary-700); }

/* B.I.S 6단계 흐름 */
.gab-bis-flow { display:flex; align-items:flex-start; justify-content:space-between; gap:4px; margin-top:20px; padding:24px 12px; background:var(--gab-gray-50); border-radius: 6px; }
.gab-bis-step { flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; }
.gab-bis-step-ic { width:52px; height:52px; border-radius:50%; background:#fff; border:2px solid var(--gab-primary-200); color:var(--gab-primary-600); display:flex; align-items:center; justify-content:center; font-size:22px; position:relative; }
.gab-bis-step-no { position:absolute; top:-4px; right:calc(50% - 32px); width:20px; height:20px; border-radius:50%; background:var(--gab-primary-600); color:#fff; font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.gab-bis-step-name { margin-top:10px; font-size:13px; font-weight:800; color:var(--gab-gray-900); }
.gab-bis-step-desc { margin-top:2px; font-size:11px; color:var(--gab-gray-500); line-height:1.35; }
.gab-bis-arrow { display:flex; align-items:center; padding-top:18px; color:var(--gab-gray-300); font-size:14px; }

/* 지갑 카드 */
.gab-wallet-card { position:relative; overflow:hidden; padding:26px 28px; border-radius: 8px; background:linear-gradient(135deg,var(--gab-navy-800) 0%,var(--gab-navy-900) 60%,#21201D 100%); color:#fff; margin-bottom:18px; }
.gab-wallet-card-glow { position:absolute; top:-60px; right:-40px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(216,52,44,.45),transparent 70%); pointer-events:none; }
.gab-wallet-card-top { display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.gab-wallet-card-label { font-size:13px; font-weight:600; color:rgba(255,255,255,.75); display:flex; align-items:center; gap:7px; }
.gab-wallet-card-brand { font-size:14px; font-weight:900; letter-spacing:.04em; }
.gab-wallet-card-brand .accent { color:var(--gab-accent-400); }
.gab-wallet-card-balance { font-size:40px; font-weight:900; margin:14px 0 18px; position:relative; z-index:1; letter-spacing:-.02em; }
.gab-wallet-card-cur { font-size:16px; font-weight:700; color:rgba(255,255,255,.6); }
.gab-wallet-card-actions { position:relative; z-index:1; }
.gab-wallet-charge { display:inline-flex; align-items:center; gap:8px; padding:11px 22px; border:0; border-radius: 6px; background:var(--gab-accent-500); color:#fff; font-weight:800; font-size:14px; cursor:pointer; transition:background .15s; }
.gab-wallet-charge:hover { background:var(--gab-accent-600); }

/* 지갑 안내 3컬럼 */
.gab-wallet-info { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.gab-wallet-info-item { display:flex; gap:11px; padding:16px; background:#fff; border:1px solid var(--gab-gray-200); border-radius: 6px; }
.gab-wallet-info-item > i { font-size:20px; color:var(--gab-primary-500); flex-shrink:0; }
.gab-wallet-info-item strong { display:block; font-size:13.5px; font-weight:800; color:var(--gab-gray-900); margin-bottom:2px; }
.gab-wallet-info-item span { font-size:12px; color:var(--gab-gray-500); line-height:1.45; }

/* 거래 내역 헤더 */
.gab-wallet-txn-head { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:800; color:var(--gab-gray-900); margin-bottom:8px; }
.gab-wallet-txn-head i { color:var(--gab-primary-500); }

/* 반응형 */
@media (max-width:760px){
  .gab-bis-flow { flex-wrap:wrap; gap:16px 4px; }
  .gab-bis-step { flex:0 0 28%; }
  .gab-bis-arrow { display:none; }
  .gab-wallet-info { grid-template-columns:1fr; }
}
@media (max-width:560px){
  .gab-bis-step { flex:0 0 45%; }
  .gab-wallet-card-balance { font-size:34px; }
}