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

body.sessions-new {
  min-height: 100vh;
  display: grid;
  place-items: center;
}

body.sessions-new .page {
  display: grid;
  place-items: center;
  padding: 2rem 1rem 3rem;
}

body.sessions-new .page-shell {
  width: min(640px, 100%);
  display: grid;
  justify-items: center;
  gap: 1.5rem;
  padding: 2rem 1rem 3rem;
}

body.sessions-new .auth-card {
  width: min(420px, 100%);
}

body.sessions-new .auth-card form {
  display: grid;
  gap: 0.75rem;
}

header.container hgroup {
  text-align: center;
}

body.logs-index .page {
  width: min(1080px, 100%);
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

.workflow-log-search form {
  display: grid;
  gap: 0.75rem;
}

.workflow-log-results {
  display: grid;
  gap: 0.5rem;
  max-height: 60vh;
  overflow: auto;
  padding: 1rem;
  border-radius: 0.5rem;
  background: #10141c;
  color: #f7fbff;
}

.workflow-log-line {
  margin: 0;
  padding-left: 0.75rem;
  border-left: 2px solid #3b4252;
  color: #f7fbff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.workflow-log-line mark {
  background: #f2c94c;
  color: #1a1a1a;
  padding: 0 0.15rem;
  border-radius: 0.2rem;
}

.workflow-log-line-error {
  border-left-color: #e74c3c;
}

.workflow-log-line-warn {
  border-left-color: #f39c12;
}

.workflow-log-token-time {
  color: #c6d1dd;
}

.workflow-log-token-tag {
  display: inline-block;
  padding: 0 0.25rem;
  border-radius: 0.2rem;
  background: rgba(127, 200, 255, 0.12);
  color: #7fc8ff;
}

.workflow-log-token-tag-id {
  background: rgba(83, 216, 120, 0.15);
  color: #53d878;
}

.workflow-log-token-tag-execution {
  background: rgba(244, 184, 108, 0.15);
  color: #f4b86c;
}

.workflow-log-token-method {
  color: #9f8bff;
  font-weight: 700;
}

.workflow-log-token-level {
  font-weight: 700;
}

.workflow-log-token-level-fatal,
.workflow-log-token-level-error {
  color: #ff7b72;
}

.workflow-log-token-level-warn {
  color: #f2cc60;
}

.workflow-log-token-level-info {
  color: #7ee787;
}

.workflow-log-token-level-debug,
.workflow-log-token-level-trace {
  color: #c1e4ff;
}

.workflow-log-token-key-value {
  color: #c8ebff;
}