/* L’Alcôve 6.0.0 — consultation sécurisée des logs applicatifs. */
.runtime-log-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(140px, 0.7fr));
  gap: 14px;
  align-items: end;
  margin-top: 18px;
}
.runtime-log-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.runtime-log-autoscroll {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted, #a99eae);
  margin-left: auto;
}
.runtime-log-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 12px 0 8px;
  color: var(--muted, #a99eae);
}
.runtime-log-console {
  min-height: 420px;
  max-height: 68vh;
  overflow: auto;
  overscroll-behavior: contain;
  background: #09070b;
  border: 1px solid var(--border, #3a303f);
  border-radius: 14px;
  padding: 10px 0;
  font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  tab-size: 2;
}
.runtime-log-line {
  display: grid;
  grid-template-columns: 185px 58px 110px minmax(260px, auto) minmax(0, 1fr);
  gap: 9px;
  padding: 5px 12px;
  border-left: 3px solid transparent;
  white-space: pre-wrap;
  word-break: break-word;
}
.runtime-log-line:hover { background: rgba(255,255,255,.035); }
.runtime-log-line.level-error { border-left-color: #ef8d9c; background: rgba(239,141,156,.045); }
.runtime-log-line.level-warn { border-left-color: #f1c97b; }
.runtime-log-line.level-info { border-left-color: #8ab4f8; }
.runtime-log-line.level-debug { opacity: .72; }
.runtime-log-level { font-weight: 800; }
.level-error .runtime-log-level { color: #ff9dad; }
.level-warn .runtime-log-level { color: #f1c97b; }
.level-info .runtime-log-level { color: #9bc0ff; }
.runtime-log-scope { color: #c79ad9; font-weight: 700; }
.runtime-log-meta { color: #8f8494; }
.runtime-log-empty { padding: 30px; text-align: center; color: #8f8494; }
@media (max-width: 1050px) {
  .runtime-log-toolbar { grid-template-columns: 1fr 1fr; }
  .runtime-log-line { grid-template-columns: 155px 55px 95px minmax(180px,1fr); }
  .runtime-log-meta { grid-column: 1 / -1; padding-left: 10px; }
}
@media (max-width: 700px) {
  .runtime-log-toolbar { grid-template-columns: 1fr; }
  .runtime-log-actions { grid-column: 1; }
  .runtime-log-autoscroll { margin-left: 0; width: 100%; }
  .runtime-log-console { max-height: 62vh; }
  .runtime-log-line { display: flex; flex-wrap: wrap; gap: 6px 9px; padding: 7px 10px; }
  .runtime-log-message, .runtime-log-meta { width: 100%; }
}