/* Cipher Decoder Styles */
.cipher-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}
.cipher-btn {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-input);
  border: 1px solid var(--color-border);
  color: var(--color-text-secondary);
  border-radius: var(--border-radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
}
.cipher-btn:hover, .cipher-btn.active {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background: rgba(0, 255, 65, 0.1);
}
.cipher-options {
  padding: var(--spacing-md);
  background: var(--color-bg-input);
  border-radius: var(--border-radius-md);
  display: none;
}
.cipher-options.visible { display: block; }
.cipher-options .form-group { margin-bottom: 0; }
.card-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}
.result-box {
  background: var(--color-bg-input);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-md);
  padding: var(--spacing-md);
  min-height: 80px;
  color: var(--color-primary);
  white-space: pre-wrap;
  word-break: break-all;
}
.brute-results {
  max-height: 300px;
  overflow-y: auto;
}
.brute-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-sm);
  background: var(--color-bg-input);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-sm);
  margin-bottom: var(--spacing-xs);
}
.brute-item:hover { border-color: var(--color-primary); }
.brute-shift { color: var(--color-text-muted); font-size: 0.8rem; min-width: 60px; }
.brute-text { flex: 1; color: var(--color-text-primary); font-family: var(--font-mono); font-size: 0.85rem; margin: 0 var(--spacing-sm); }
.btn-sm { padding: var(--spacing-xs) var(--spacing-sm); font-size: 0.8rem; }