/* Log Panel Styles - Log ve rapor paneli */

.log-panel {
  flex-shrink: 0;
  background: var(--surface2);
  border-top: none;
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

.log-panel-header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-sm) var(--space-md);
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04);
  flex-shrink: 0;
}

.log-panel-header .panel-title {
  font-size: var(--text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--muted);
  padding: 0;
  border: none;
}

.log-panel-header .report-stats {
  font-size: var(--text-xs);
  color: var(--accent);
}

.log-panel-header .report-stats:empty {
  display: none;
}

/* Sabit yukseklik: 3 log satiri; kaydirma yok, bolum asla oynamaz */
.log {
  flex: 0 0 auto;
  height: calc(3 * 1.35em + 0.4rem);
  min-height: calc(3 * 1.35em + 0.4rem);
  max-height: calc(3 * 1.35em + 0.4rem);
  overflow: hidden;
  font-family: ui-monospace, 'Cascadia Code', monospace;
  font-size: 0.65rem;
  color: var(--muted);
  padding: 0.2rem var(--space-md);
  line-height: 1.35;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.log .log-msg {
  flex-shrink: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  padding: 0.1rem 0;
  min-height: 1.2em;
  line-height: 1.3;
}

.log .log-msg.err {
  color: var(--red);
}

.log .log-msg.ok {
  color: var(--turkuaz);
}

.log .log-quality-line {
  color: var(--muted);
}

.log .log-quality-line .quality-edit-link {
  color: var(--accent);
  cursor: pointer;
  margin-left: 0.25rem;
}

.log .log-quality-line .quality-edit-link:hover {
  text-decoration: underline;
}

.log::-webkit-scrollbar {
  width: 6px;
}

.log::-webkit-scrollbar-track {
  background: var(--surface2);
}

.log::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 3px;
}

.log::-webkit-scrollbar-thumb:hover {
  background: var(--muted);
}

.log .err {
  color: var(--red);
}

.log .ok {
  color: var(--accent);
}