/* ========================================
   レイアウト共通スタイル
   ======================================== */

/* トップバー（青グラデーション） */
.navbar-gradient {
  background: linear-gradient(135deg, var(--primary-gradient-start) 0%, var(--primary-gradient-end) 100%);
}

.navbar-gradient .navbar-brand {
  font-weight: 600;
  letter-spacing: 0.5px;
}

.navbar-gradient .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  transition: color 0.2s ease;
}

.navbar-gradient .nav-link:hover {
  color: #ffffff !important;
}

/* サブナビゲーション（タブ形式） */
.subnav {
  background: var(--bg-card);
  border-bottom: 1px solid #dee2e6;
  padding: 0;
}

.subnav .nav-link {
  color: var(--text-secondary);
  border: none;
  border-bottom: 3px solid transparent;
  padding: var(--spacing-md) var(--spacing-lg);
  font-weight: 500;
  transition: all 0.2s ease;
}

.subnav .nav-link:hover {
  color: var(--primary-blue);
  background: rgba(13, 110, 253, 0.05);
}

.subnav .nav-link.active {
  color: var(--primary-blue);
  border-bottom-color: var(--primary-blue);
  background: transparent;
}

/* メインコンテンツエリア */
.main-content {
  min-height: calc(100vh - 56px - 60px);
  padding: var(--spacing-lg);
}

/* フッター */
.footer-modern {
  background: var(--bg-card);
  border-top: 1px solid #dee2e6;
  padding: var(--spacing-md) 0;
  color: var(--text-secondary);
  font-size: 0.875rem;
}