@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
   検査実績チャートウィジェット用スタイル (rc-style.css)
   すべて「#rc-widget」以下の要素に限定。既存サイトと干渉しません。
   ------------------------------------------------------------ */

/* ウィジェット全体フォント設定 */
#rc-widget {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans JP', sans-serif;
}

/* 累計件数表示エリア (HTML: .rc-cumulative) */
#rc-widget .rc-cumulative {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
#rc-widget .rc-cumulative span {
  font-size: 2.5rem;
  font-weight: bold;
  color: #b08b4f;
}

/* タブエリア (HTML: #rc-tabs, .rc-tab) */
#rc-widget .rc-tabs {
  display: flex;
  overflow-x: auto;
  gap: 0.5rem;
  border-bottom: 2px solid #095bc3;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
#rc-widget .rc-tabs::-webkit-scrollbar {
  height: 4px;
}
#rc-widget .rc-tabs::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 2px;
}
#rc-widget .rc-tab {
  flex: 0 0 auto;
  justify-content: center;
  padding: 0.4rem 0.8rem;
  background: none;
  border: none;
  font-size: 0.9rem;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
}
#rc-widget .rc-tab.active {
  color: #095bc3;
}
#rc-widget .rc-tab.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #095bc3;
  border-radius: 2px 2px 0 0;
}

/* 年次合計表示エリア (HTML: .rc-year-total) */
#rc-widget .rc-year-total {
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
#rc-widget .rc-year-total span:last-child {
  font-weight: bold;
  color: #b08b4f;
}

/* グラフカードコンテナ (HTML: .rc-charts, .rc-card) */
#rc-widget .rc-charts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 600px) {
  /* スマホ2列化 */
  #rc-widget .rc-charts {
    grid-template-columns: repeat(2, 1fr);
    width: 90%;
    margin: 10px auto 40px;
  }
#rc-widget .rc-tabs {
    width: 90%;
    margin: 10px auto 20px;
}
#rc-widget .rc-guideline {
    width: 90%;
    margin: 10px auto;
}

}
#rc-widget .rc-card {
  background: #fff;
  padding: 0.75rem;
  border-radius: 0.5rem;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  overflow: hidden;
}
#rc-widget .rc-card h3 {
  margin: 0 0 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
}
#rc-widget .rc-card .rc-count {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
#rc-widget .rc-card canvas {
  width: 100%;
  height: auto;
}

/* 注意書きエリア (HTML: .rc-guideline) */
#rc-widget .rc-guideline {
  font-size: 0.7rem;
  color: #666;
  text-align: center;
  line-height: 1.4;
}
#rc-widget .rc-guideline .rc-period {
  font-weight: bold;
  color: #b08b4f;
}