/**
 * Dealy - 고해상도 모드 (Compact Mode)
 * Ultra Dense: 프로 딜러를 위한 초고밀도 디스플레이
 * 한 화면에 5-6대 차량 표시 목표
 */

/* ========== 고해상도 모드 활성화 ========== */
body.compact-mode {
  /* 기본 폰트 크기 축소 */
  font-size: 13px;
  line-height: 1.3;
}

/* ========== 메인 화면 헤더 ========== */
body.compact-mode .app-header {
  padding: 8px 12px !important;
  padding-top: max(8px, env(safe-area-inset-top, 10px)) !important;
  
  /* 위치 정상화 */
  position: sticky !important;
  top: 0 !important;
  margin-top: 0 !important;
  
  /* 글래스모피즘 유지 */
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
}

body.compact-mode .app-header .logo {
  height: 24px;
}

body.compact-mode .app-header .tagline {
  font-size: 10px;
}

body.compact-mode .btn-header-install {
  width: 30px;
  height: 30px;
}

body.compact-mode .btn-user {
  width: 30px;
  height: 30px;
}

/* ========== 요약 카드 (메인 화면 상단) ========== */
body.compact-mode .summary-card {
  padding: 10px;
  border-radius: 12px;
  margin: 8px 10px;
  margin-bottom: 10px;
}

body.compact-mode .main-content {
  padding: 10px;
  padding-bottom: calc(10px + 60px);
}

body.compact-mode .summary-card h2 {
  font-size: 10px;
  margin-bottom: 4px;
}

body.compact-mode .summary-amount {
  font-size: 24px;
  margin-bottom: 8px;
}

body.compact-mode .summary-stats {
  gap: 12px;
}

body.compact-mode .stat h3 {
  font-size: 10px;
  margin-bottom: 2px;
}

body.compact-mode .stat .value {
  font-size: 16px;
}

/* ========== 재고 섹션 ========== */
body.compact-mode .inventory-section {
  padding: 0 10px 16px;
}

body.compact-mode .section-header {
  padding: 0 10px;
  margin-bottom: 12px;
}

body.compact-mode .section-header h2 {
  font-size: 16px;
}

/* 라디오 버튼 그룹 작게 */
body.compact-mode .inventory-radio-group {
  padding: 3px;
  border-radius: 16px;
}

body.compact-mode .radio-btn {
  padding: 5px 10px;
  font-size: 11px;
  gap: 4px;
}

body.compact-mode .radio-count {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
}

/* ========== 차량 카드 (메인 화면) ========== */
body.compact-mode .car-card {
  padding: 8px;
  border-radius: 12px;
  margin-bottom: 8px;
  gap: 8px;
}

body.compact-mode .car-image {
  width: 60px;
  height: 60px;
  border-radius: 8px;
}

body.compact-mode .car-name {
  font-size: 13px;
  margin-bottom: 2px;
  line-height: 1.2;
}

body.compact-mode .car-trim {
  font-size: 11px;
  margin-bottom: 3px;
  line-height: 1.2;
}

body.compact-mode .car-badges {
  gap: 3px;
  margin-bottom: 4px;
}

body.compact-mode .days-badge,
body.compact-mode .sold-badge,
body.compact-mode .risk-badge {
  font-size: 9px;
  padding: 2px 5px;
  border-radius: 4px;
}

body.compact-mode .car-footer {
  gap: 8px;
  margin-top: 4px;
}

body.compact-mode .cost-label,
body.compact-mode .profit-label {
  font-size: 9px;
  margin-bottom: 1px;
}

body.compact-mode .cost-value {
  font-size: 11px;
}

body.compact-mode .profit-value {
  font-size: 12px;
}

/* ========== 구매자 정보 입력 버튼 ========== */
body.compact-mode .btn-buyer-info {
  padding: 6px;
  font-size: 11px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* ========== FAB 버튼 ========== */
body.compact-mode .fab {
  width: 50px;
  height: 50px;
  bottom: 16px;
  right: 16px;
}

body.compact-mode .fab svg {
  width: 22px;
  height: 22px;
}

/* ========== 모달 (차량 상세/등록) ========== */
body.compact-mode .modal {
  max-width: 95%;
}

body.compact-mode .modal-header {
  padding: 12px 14px;
}

body.compact-mode .modal-header h2 {
  font-size: 16px;
}

body.compact-mode .modal-close {
  width: 28px;
  height: 28px;
  font-size: 20px;
}

body.compact-mode .modal-body {
  padding: 12px 14px;
}

body.compact-mode .form-group {
  margin-bottom: 12px;
}

body.compact-mode .form-group label {
  font-size: 12px;
  margin-bottom: 4px;
}

body.compact-mode .form-group input,
body.compact-mode .form-group select,
body.compact-mode .form-group textarea {
  font-size: 13px;
  padding: 8px 10px;
  min-height: 36px;
}

body.compact-mode .form-row {
  gap: 8px;
}

body.compact-mode .slider-container {
  margin: 8px 0;
}

body.compact-mode .slider-header {
  margin-bottom: 6px;
}

body.compact-mode .slider-label {
  font-size: 12px;
}

body.compact-mode .slider-value {
  font-size: 13px;
}

body.compact-mode .slider-track {
  height: 6px;
}

body.compact-mode .slider-thumb {
  width: 20px;
  height: 20px;
}

body.compact-mode .cost-breakdown {
  padding: 10px;
  margin-top: 10px;
  gap: 6px;
}

body.compact-mode .cost-breakdown-title {
  font-size: 11px;
  margin-bottom: 6px;
}

body.compact-mode .cost-item {
  font-size: 11px;
  padding: 5px 0;
}

body.compact-mode .profit-display {
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
}

body.compact-mode .profit-label {
  font-size: 11px;
  margin-bottom: 4px;
}

body.compact-mode .profit-amount {
  font-size: 20px;
}

body.compact-mode .button-group {
  gap: 8px;
  margin-top: 16px;
}

body.compact-mode .btn {
  padding: 10px 16px;
  font-size: 13px;
  min-height: 40px;
}

/* ========== 반응형 (모바일) ========== */
@media (max-width: 480px) {
  body.compact-mode .car-card {
    padding: 6px;
    margin-bottom: 6px;
  }
  
  body.compact-mode .car-image {
    width: 55px;
    height: 55px;
  }
  
  body.compact-mode .car-name {
    font-size: 12px;
  }
  
  body.compact-mode .car-trim {
    font-size: 10px;
  }
  
  body.compact-mode .cost-value {
    font-size: 10px;
  }
  
  body.compact-mode .profit-value {
    font-size: 11px;
  }
  
  body.compact-mode .btn-buyer-info {
    padding: 6px;
    font-size: 11px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
}