/* ベース設定 */
.mi-body {
  background-color: #f8fafc !important;
  margin: 0;
  padding: 0;
}

.app-container {
  max-width: 460px !important;
  margin: 0 auto;
  padding: 40px 16px;
}

.app-header { text-align: center; margin-bottom: 20px; }
.app-logo { width: 220px; height: auto; }
.app-title { font-size: 0.8rem; letter-spacing: 0.3em; color: #888; font-weight: 400; }

.now-card {
  text-align: center;
  padding: 25px !important;
  border-radius: 24px !important;
  background: white !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  margin-bottom: 30px !important;
}

.time-display {
  font-size: 3.5rem !important;
  font-weight: 800 !important;
  color: #007aff;
}

/* バスカード */
.bus-card {
  background: white !important;
  border-radius: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; 
  overflow: hidden !important; /* はみ出し修正 */
  border: none !important;
}

.bus-card .mi-list-item {
  display: flex !important;
  flex-direction: column !important; 
  align-items: center !important;    /* 中央揃え（緑の位置） */
  padding: 25px 0 !important;
  text-align: center;
}

.main-card { border-left: 10px solid #007aff !important; }
.station-bound { border-left: 10px solid #333333 !important; }

.bus-time { font-size: 2.8rem; font-weight: 800; color: #333; }

/* カウントダウンの色を黒に統一 */
.countdown { 
  font-size: 1.4rem; 
  font-weight: bold; 
  color: #333; /* ここを青から黒に変更しました */
}

.section-label { font-size: 0.9rem !important; font-weight: bold !important; margin: 25px 0 10px 10px !important; }

/* フッター */
.app-footer {
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid #eee;
  display: flex;
  align-items: center; 
  justify-content: flex-start;
}

.mdl-logo-link { display: block; transition: opacity 0.2s ease; }
.mdl-logo-link:hover { opacity: 0.7; }
.footer-logo { width: 60px; height: auto; margin-right: 20px; }
.footer-right { display: flex; flex-direction: column; align-items: flex-start; }
.footer-right .mi-button { padding: 4px 0 !important; font-size: 0.8rem !important; height: auto !important; }