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

/* Web Console カスタムスタイル */
.console {
  background-color: #2d2d2d !important;
  color: #f8f8f2 !important;
  font-family: 'Fira Code', 'Source Code Pro', monospace !important;
  border-radius: 8px !important;
  margin-top: 20px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.console-prompt {
  color: #66d9ef !important;
  font-weight: bold !important;
}

.console-input {
  background-color: #3d3d3d !important;
  border: 1px solid #555 !important;
  color: #f8f8f2 !important;
  padding: 8px !important;
  border-radius: 4px !important;
}

.console-result {
  color: #a6e22e !important;
  margin-top: 8px !important;
  padding: 8px !important;
  background-color: #3d3d3d !important;
  border-radius: 4px !important;
}

.console-error {
  color: #f92672 !important;
  background-color: rgba(249, 38, 114, 0.1) !important;
  padding: 8px !important;
  border-radius: 4px !important;
  margin-top: 8px !important;
}