/*
 * 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.
 */

@keyframes thinking-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
.thinking-dots {
  animation: thinking-blink 1.2s ease-in-out infinite;
}

/*
 * 共通ボタン: .hero-login-btn
 * LP/ホームなど複数ページで利用。各テンプレートに個別に書くと
 * 未定義ページで白背景白文字になり読めなくなる事故が起きたため、
 * 必ずこのグローバルCSSを参照すること。テンプレートごとに再定義しない。
 */
.hero-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  border-radius: 60px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #D4A84C, #5BB090);
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 20px rgba(107, 154, 44, 0.4);
  margin-top: 16px;
}
.hero-login-btn:hover,
.hero-login-btn:focus,
.hero-login-btn:visited {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(107, 154, 44, 0.5);
  text-decoration: none;
}

/*
 * 共通フォーム入力: .tc-form-input
 * TC Admin等の小型フォーム向け。
 * 未定義変数 `--color-bg-overlay` に依存したインラインstyleで
 * 黒背景×黒文字になり値が読めない事故が発生したため、
 * 必ずこのクラスを使って白背景・黒文字を担保すること。
 * テンプレート側で background / color をインラインで上書きしないこと。
 */
.tc-form-input {
  background: #ffffff;
  color: #1a1a1a;
  border: 1px solid var(--color-border, #e2e4d9);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 0.85rem;
  font-family: inherit;
}
.tc-form-input:focus {
  outline: none;
  border-color: var(--color-accent, #5B8C2A);
  box-shadow: 0 0 0 3px rgba(91, 140, 42, 0.15);
}

/*
 * 共通ダーク系ターミナルパネル `.tc-terminal-panel` は
 * app/assets/stylesheets/tc_terminal_panel.css に分離してある。
 * このファイルは application.html.erb の stylesheet_link_tag から
 * 別途読み込まれている。ダーク系パネルを追加するときはそちらを編集すること。
 */