/* フィードレイアウト最適化のオーバーライド - 最高優先度 */

/* タブヘッダーのスペースを大幅に縮める */
.tab-header {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding-top: 2px !important;
  padding-bottom: 4px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  border-bottom: none !important;  /* 仕切り線削除 */
}

.tab-title {
  font-size: 0.95rem !important;
  font-weight: 400 !important;  /* 通常の太さ（太字解除） */
  color: black !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

/* メインコンテナの高さ調整（ヘッダー55pxを考慮） */
.main-container {
  height: calc(100vh - 55px) !important;
  padding-top: 0 !important;
  padding-bottom: 60px !important;
  margin-top: 0 !important;
}

/* タブコンテンツの高さとスクロール設定 */
.tab-content {
  height: 100% !important;
  overflow-y: auto !important;
  padding-top: 0 !important;
  padding-bottom: 60px !important;
  margin-top: 0 !important;
}

/* タブパネルのパディング最適化 - より少ないパディング */
.tab-panel {
  padding: 2px 8px 8px 8px !important; /* 上部2px、左右8px、下部8px */
  margin-top: 0 !important;
}

/* 下部ナビゲーション */
.bottom-nav {
  bottom: 0 !important;
  height: 60px !important;
  padding: 8px 0 !important;
}

.nav-item {
  padding: 6px !important;
}

/* コンテンツエリアの最適化 - 上部スペース削除 */
.content-area {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 各タブのcontent-areaは汎用定義で処理済み */

/* 投稿フォームのパディング調整 */
.post-form-container {
  padding-top: 4px !important;
  margin-top: 0 !important;
}

/* フィード投稿のスペース調整 */
.feed-post:first-child {
  margin-top: 0 !important;
}

/* モバイル対応の追加最適化 */
@media (max-width: 768px) {
  .tab-header {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
    padding-top: 1px !important;
    padding-bottom: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .tab-title {
    font-size: 0.9rem !important;  /* モバイル版も小さく */
    font-weight: 400 !important;   /* 太字解除 */
    line-height: 1.2 !important;
  }
  
  .tab-panel {
    padding: 1px 6px 6px 6px !important; /* 上部1px、左右6px、下部6px */
  }
  
  .main-container {
    height: calc(100vh - 50px) !important;
    padding-top: 0 !important;
  }
  
  .tab-content {
    padding-bottom: 55px !important;
    padding-top: 0 !important;
  }
  
  .bottom-nav {
    height: 55px !important;
  }
  
  .content-area {
    padding: 0 !important;
    margin: 0 !important;
  }
}