/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ── ローディングオーバーレイ ───────────────────────────────── */
#loading-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
  align-items: center;
  justify-content: center;
}
#loading-overlay.is-active {
  display: flex;
}

/* Spinkit Cube Grid */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: currentColor;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* =====================================================
   カラーテーマ: Excel グリーン系
   Primary  : #1e7145  (Excel ダークグリーン)
   Secondary: #2e9e6d  (ミディアムグリーン・ホバー用)
   Light bg : #f0f7f3  (極薄グリーン・ページ背景)
   Table hd : #d6ead9  (薄緑・テーブルヘッダー)
===================================================== */

/* ── ナビゲーションバー ── */
.navbar.bg-primary {
  background-color: #1e7145 !important;
}

/* ── プライマリボタン ── */
.btn-primary {
  background-color: #1e7145;
  border-color:     #1a6140;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #155233;
  border-color:     #124629;
}

/* ── アウトラインボタン（ナビ右のログアウト等） ── */
.btn-outline-primary {
  color:        #1e7145;
  border-color: #1e7145;
}
.btn-outline-primary:hover {
  background-color: #1e7145;
  border-color:     #1e7145;
}

/* ── テーブルヘッダー ── */
.table-light thead,
thead.table-light {
  background-color: #d6ead9 !important;
}
.table thead th {
  background-color: #d6ead9;
  color:            #1a3d26;
}

/* ── カードのシャドウ色を緑系に ── */
.card.shadow,
.card.shadow-sm {
  box-shadow: 0 .125rem .5rem rgba(30, 113, 69, .12) !important;
}

/* ── バッジ（bg-success はそのまま流用） ── */

/* ── フォーカスリング ── */
.form-control:focus,
.form-select:focus {
  border-color: #2e9e6d;
  box-shadow:   0 0 0 .2rem rgba(30, 113, 69, .25);
}

/* ── アクティブ・選択状態リンク ── */
a {
  color: #1e7145;
}
a:hover {
  color: #155233;
}

/* ── ドロップダウン選択時ハイライト ── */
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #e8f5ea;
  color:            #155233;
}

/* ── ページネーション ── */
.page-link {
  color: #1e7145;
}
.page-item.active .page-link {
  background-color: #1e7145;
  border-color:     #1e7145;
}