/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* frontend/app/globals.css 
*/
/*
html,
body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  background-color: #fafafa;
  color: #333;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}
*/


/* frontend/app/globals.css 
*/
html,
body {
  padding: 0;
  margin: 0;
  background-color: #f8f9fa; /* Bootstrapのlightグレー */
  color: #212529; /* Bootstrapのdarkグレー */

  /* 追加 */
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums; /* 数字だけ揃える */

}

/* 数字 */
.metric {
  font-family: "Roboto Mono", monospace;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}


/* 金額表示用のモノスペースフォント */
.fw-mono {
  font-family: var(--bs-font-monospace);
}

/* 小さいフォントサイズ */
.fs-7 {
  font-size: 0.85rem;
}
.fs-8 {
  font-size: 0.75rem;
}

/* 下線（泊村見出し用） */
.border-b-2 {
  border-bottom-width: 2px !important;
}






/* 勘定科目の行専用の背景色 */
.row-ultra-light-gray {
  background-color: #fcfcfc !important; /* 白色に近い極薄の灰色 */
}

/* ホバーした時は少し濃くして視認性を上げる */
.row-ultra-light-gray:hover {
  background-color: #f2f2f2 !important;
}

/* 金額の桁を揃えるためのフォント設定（再掲） */
.font-monospace {
  font-family: var(--bs-font-monospace);
}





/* ヘッダー背景色を #AAAAAA に固定 */
.custom-thead th {
  background-color: #EEEEEE !important;
  color: #333333 !important; /* 文字を白にして読みやすく */
  border-bottom: 0px solid #888888 !important;
  vertical-align: middle;
  font-weight: 600;
}

/* 以前追加した極薄グレーの行 */
.row-ultra-light-gray td {
  background-color: #fcfcfc !important;
}

.row-ultra-light-gray:hover td {
  background-color: #f2f2f2 !important;
}